关于我们

质量为本、客户为根、勇于拼搏、务实创新

< 返回新闻公共列表

javascript中通过innerHTML 获取或替换html内容

发布时间:2020-03-17 00:00:00

innerHTML 属性用于获取或替换 HTML 元素的内容,语法为Object.innerHTML
其中1.Object是获取的元素对象,如通过document.getElementById("ID")获取的元素;2.注意书写,innerHTML区分大小写。
我们通过id="light"获取

元素,并将元素的内容输出和改变元素内容,代码如下:

 1 <!DOCTYPE html> 2 <html> 3     <head> 4         <meta charset="utf-8"> 5         <title>innerHTML属性title> 6     head> 7     <body> 8         <div id="cshi"> 9             你好,黑夜2020031710         div>11          12             var mylight=document.getElementById('light');13             document.write('原始内容:'+mylight.innerHTML+'');//输入元素内容14             mylight.innerHTML='javascript tomorrow';//修改元素内容15             document.write('替换内容:'+mylight.innerHTML);16         -->17         <script type="text/javascript">18             var mystr=document.getElementById('cshi');19             mystr.innerHTML="DOM操作";20             // document.write(mystr);21         script>22     body>23 html>

 通过id获取h2标签元素,并赋给变量mychar,然后使用innerHTML属性,将获取的h2标签内容修改为"Hello world!"

      innerHTML

/template/Home/Zkeys/PC/Static