, innerHTML属性用于获取或替换HTML元素的内容,语法为对象。innerHTML
其对象是1.中获取的元素对象,如通过<代码> . getelementbyid (" ID ") 代码>获取的元素;2。注意书写,innerHTML区分大小写。
我们通过<代码> id=肮狻?/代码>获取& lt; div>元素,并将元素的内容输出和改变元素内容,代码如下:
& lt; !DOCTYPE html> & lt; html> & lt; head> & lt;元charset=皍tf - 8”比; & lt; title> innerHTML属性& lt;/title> & lt;/head> & lt; body> & lt; div id=癱shi”比; 你好,黑夜20200317 & lt;/div> & lt; !——& lt; type=" text/javascript脚本比; var mylight=. getelementbyid(光); document . write(“原始内容:“+ mylight.innerHTML + & lt; br/祝辞);//输入元素内容 mylight。innerHTML='明天javascript ',//修改元素内容 document . write(“替换内容:“+ mylight.innerHTML); & lt;/script>——比; & lt;脚本type=" text/javascript祝辞 var mystr=. getelementbyid (“cshi”); mystr.innerHTML=" DOM操作”;//document . write (mystr); & lt;/script> & lt;/body> & lt;/html>
,通过id获取h3标签元素,并赋给变量mychar,然后使用innerHTML <代码> 代码>属性,将获取的h3标签内容修改为“Hello world !”
& lt; !DOCTYPE HTML> & lt; html> & lt; head> & lt;元http-equiv=? type”内容=" text/html;utf - 8字符集="/比; & lt; title> innerHTML & lt;/head> & lt; body> & lt; h3 id="反对"祝辞javascript & lt; p>JavaScript是一种基于对象,事件驱动的简单脚本语言,嵌入在HTML文档中,由浏览器负责解释和执行,在网页上产生动态的显示效果并实现与用户交互功能灵活;/p> & lt;脚本type=" text/javascript祝辞 var mychar=. getelementbyid(“图标”);; document . write(“原标题:“+ mychar.innerHTML +“& lt; br>”);//输出原h3标签内容 mychar。innerHTML=癏ello world !”; document . write(“修改后的标题:”+ mychar.innerHTML);//输出修改后h3标签内容 & lt;/script> & lt;/body> & lt;/html>
到此这篇关于javascript中innerHTML获取或替换html内容的文章就介绍到这了,更多相关js替换html内容内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!