page contents

innerhtml什么意思

innerhtml什么意思?innerHTML在JS是双向功能:获取对象的内容 或 向对象插入内容;

attachments-2021-08-i5eQHWdX61207515a6490.jpg

innerhtml什么意思?innerHTML在JS是双向功能:获取对象的内容  或  向对象插入内容;
如:<div id="aa">这是内容</div> ,
我们可以通过  document.getElementById('aa').innerHTML 来获取id为aa的对象的内嵌内容;
也可以对某对象插入内容,如  document.getElementById('abc').innerHTML='这是被插入的内容';   
这样就能向id为abc的对象插入内容。

  1. 定义和用法
  2. innerHTML 属性用于设置或返回指定标签之间的 HTML 内容。
  3. 语法
  4. Object.innerHTML = "HTML";// 设置
  5. var html = Object.innerHTML;// 获取
  6. 例子 1
  7. 获取段落p的 innerHTML(html内容)
  8. <html>
  9. <head>
  10. <script type="text/javascript">
  11. function getInnerHTML(){
  12. alert(document.getElementById("test").innerHTML);
  13. }
  14. </script>
  15. </head><body>
  16. <p id="test"><font color="#000">嗨豆壳 www.hi-docs.com</font></p>
  17. <input type="button" onclick="getInnerHTML()" value="点击" />
  18. </body>
  19. </html>
  20. 例子 2
  21. 设置段落p的 innerHTML(html内容)
  22. <html>
  23. <head>
  24. <script type="text/javascript">
  25. function setInnerHTML(){
  26. document.getElementById("test").innerHTML = "<strong>设置标签的html内容</strong>";
  27. }
  28. </script>
  29. </head><body>
  30. <p id="test"><font color="#000">嗨豆壳 www.hi-docs.com</font></p>
  31. <input type="button" onclick="setInnerHTML()" value="点击" />
  32. </body>
  33. </html>

 更多相关技术内容咨询欢迎前往并持续关注六星社区了解详情。

程序员编程交流QQ群:805358732

如果你想用Python开辟副业赚钱,但不熟悉爬虫与反爬虫技术,没有接单途径,也缺乏兼职经验
关注下方微信公众号:Python编程学习圈,获取价值999元全套Python入门到进阶的学习资料以及教程,还有Python技术交流群一起交流学习哦。

attachments-2022-06-mImqXXrt62ad875da5023.jpeg

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
轩辕小不懂
轩辕小不懂

2403 篇文章

作家榜 »

  1. 轩辕小不懂 2403 文章
  2. 小柒 1470 文章
  3. Pack 1135 文章
  4. Nen 576 文章
  5. 王昭君 209 文章
  6. 文双 71 文章
  7. 小威 64 文章
  8. Cara 36 文章