Javascript中怎么对DOM元素添加内容

　　介绍

小编给大家分享一下Javascript中怎么对DOM元素添加内容,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!

<强> HTML内容为空

& lt; ! DOCTYPE  html> 　　& lt; html  lang=癳n"祝辞 　　& lt; head> 　　,,,& lt; meta  charset=癠TF-8"比; 　　,,,& lt; meta  http-equiv=癤-UA-Compatible",内容=癐E=edge"比; 　　,,,& lt; meta  name=皏iewport",内容=翱矶?设备宽度,初始=1.0,比; 　　,,,& lt; title> php.cn 　　& lt;/head> 　　& lt; body> 　　& lt;/body> 　　& lt;/html>

<强> 1。创建DOM元素

,& lt; script>,,,,, 　　,,,,,,const  ul=document.createElement (“ul"); 　　,& lt;/script>

<强> 2。在DOM中添加内容

<李>

<代码> append() 在被选元素的结尾插入指定内容

,,& lt; script>,,,,, 　　,,,,,,const  ul=document.createElement (“ul"); 　　,,,,,,,,(let  i=1; i<=5;我+ +){ 　　,,,,,,,,,,,const 李=document.createElement (“li"); 　　,,,,,,,,,,,li.textContent=毕?{我}'; 　　,,,,,,,,,,,ul.append(李); 　　,,,,,,,} 　　,,,,,,,,,document.body.append (ul); 　　,& lt;/script> <李>

<代码>预谋()在被选元素头部添加指定内容

,& lt; script>, 　　,,,,,,,//append()创建一个列的表 　　,,,,,,,const  ul=document.createElement (“ul"); 　　,,,,,,,//循环来生成多个列表 　　,,,,,,,,(let  i=1; i<=5;我+ +){ 　　,,,,,,,,,,,const 李=document.createElement (“li"); 　　,,,,,,,,,,,li.textContent=毕?{我}'; 　　,,,,,,,,,,,ul.append(李); 　　,,,,,,,} 　　,,,,,,, 　　,,,,,,,console.log (ul); 　　,,,,,,, 　　,,,,,,,//预谋()在头部添加 　　,,,,,,,李=document.createElement (“li"); 　　,,,,,,,li.textContent=癴irst  item"; 　　,,,,,,,li.style.color=皉ed"; 　　,,,,,,,ul.prepend(李); 　　,,,,,,,document.body.append (ul); 　　& lt;才能/script>

以上是“Javascript中怎么对DOM元素添加内容”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!

Javascript中怎么对DOM元素添加内容