使用JavaScript *** 作页面内容(DOM)可以通过以下方法实现:
1、添加: 可以使用JavaScript中的document.createElement()方法来创建新的元素,然后使用appendChild()或者insertBefore()方法将其添加到页面中。
// 创建新的段落元素
var newP = document.createElement("p")
// 为段落赋值
newP.innerHTML = "这是新添加的段落"
// 找到需要添加新元素的父元素
var parent = document.getElementById("myDiv")
// 将新元素添加到父元素中
parent.appendChild(newP)
2、修改: 可以使用JavaScript中的getElementById()或者getElementsByTagName()方法来获取页面中的元素,然后使用innerHTML或者innerText属性来修改其中的内容。
// 通过id获取需要修改的元素
var myP = document.getElementById("myP")
// 修改元素的内容
myP.innerHTML = "这是修改后的段落"
3、删除: 可以使用JavaScript中的removeChild()或者remove()方法来删除页面中的元素
// 通过id获取需要删除的元素
var myP = document.getElementById("myP")
// 找到父元素
var parent = myP.parentNode
// 从父元素中删除该元素
parent.removeChild(myP)
这是一种简单的方法,在实际应用中,使用JavaScript对页面进行 *** 作还需要考虑到很多的因素,如浏览器兼容性、性能优化等。最好使用一些框架或库来帮助我们简化这些 *** 作,例如jQuery、React、Vue等。总之,通过熟练掌握JavaScript和相关框架或库的使用,可以有效地 *** 作页面内容并实现丰富的交互效果。
1、push() 结尾添加
数组.push(元素)
参数 描述
newelement1必需。 要添加到数组的第一个元素。
newelement2可选。 要添加到数组的第二个元素。
newelementX可选。 可添加多个元素。
2、unshift() 头部添加
数组.unshift(元素)
参数 描述
newelement1必需。 向数组添加的第一个元素。
newelement2可选。 向数组添加的第二个元素。
newelementX可选。 可添加若干个元素。
3、splice() 方法向/从数组指定位置添加/删除项目,然后返回被删除的项目。
参数 描述
index必需。 整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。
howmany必需。 要删除的项目数量。如果设置为 0,则不会删除项目。
item1, ..., itemX可选。 向数组添加的新项目。
1、splice
splice(index,len,[item])注释:该方法会改变原始数组。
splice有3个参数,它也可以用来替换/删除/添加数组内某一个或者几个值
index:数组开始下标len: 替换/删除的长度 item:替换的值,删除 *** 作的话 item为空
如:arr = ['a','b','c','d']
删除 ---- item不设置
arr.splice(1,1) //['a','c','d'] 删除起始下标为1,长度为1的一个值,len设置的1,如果为0,则数组不变
arr.splice(1,2) //['a','d'] 删除起始下标为1,长度为2的一个值,len设置的2
替换 ---- item为替换的值
arr.splice(1,1,'ttt')//['a','ttt','c','d'] 替换起始下标为1,长度为1的一个值为‘ttt',len设置的1
arr.splice(1,2,'ttt')//['a','ttt','d'] 替换起始下标为1,长度为2的两个值为‘ttt',len设置的1
添加 ---- len设置为0,item为添加的值
arr.splice(1,0,'ttt')//['a','ttt','b','c','d'] 表示在下标为1处添加一项‘ttt'
看来还是splice最方便啦
2、delete
delete删除掉数组中的元素后,会把该下标出的值置为undefined,数组的长度不会变
如:delete arr[1] //['a', ,'c','d'] 中间出现两个逗号,数组长度不变,有一项为undefined
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)