几种实用的JavaScript鼠标特效,在我们平时网页设计中,鼠标特效可以说是常常会用到,那么今天我们来讲讲通过JS代码实现一些实用的鼠标特效,希望对大家有用。......
2023-03-17 527 JAVASCRIPT 鼠标
javaScript解释性脚本弱语言,由ECMAscript,DOM,BOM三部分组成,动态页面,可以很好的进行数据交换,也可以通过服务器进行相关的操作
添加在什么地方?
首先获取要添加的节点的节点,然后创建一个节点,添加到节点的前面
!DOCTYPE html>html>head>meta charset="utf-8">title>DOM树操作/title>script>function f1(){
a.找到狮子狗这个节点 通过id查找到狮子狗节点var ul=document.getElementById("d1");
var li1=document.createElement("li");var text1=document.createTextNode("蛮王");li1.appendChild(text1);ul.appendChild(li1);}/script>
/head>body>!--在ul列表中追加一个蛮王英雄-->ul id="d1">li>亚索/li>li>狮子狗/li>li>披甲龙龟/li>
/ul>input type="button" value="追加蛮王" onclick="f2()" />/body>/html>
在狮子狗节点后追加一个li>蛮王/li> a.找到狮子狗这个节点 通过id查找到狮子狗节点 var li=document.getElementById("l1"); b.创建li>蛮王/li>节点对象和内容 var li1=document.createElement("li"); var text1= document.createTextNode("蛮王"); c.将创建的文本添加到li标签中 appendChild(text1); d.将创建的li1节点添加到需要添加的节点中去 li. appendChild(li1);
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!
标签: JAVASCRIPT
相关文章
几种实用的JavaScript鼠标特效,在我们平时网页设计中,鼠标特效可以说是常常会用到,那么今天我们来讲讲通过JS代码实现一些实用的鼠标特效,希望对大家有用。......
2023-03-17 527 JAVASCRIPT 鼠标
如何开始学习javascript,html是网页的内容,c是网页的格式,h是网站的后台,j是网站的前端,那么如何学习j,才能高效?......
2023-03-17 255 JAVASCRIPT