如何通过class和id使用原生js删除元素

JavaScript011

如何通过class和id使用原生js删除元素,第1张

<!--原生js删除元素的方法是removechild('xxx'),如果想点击自己,移除自己,那么就要找到它的父元素,父元素再用removechild('xxx')来移除自己,括号里就是自己 -- >

<html>

<head>

<title></title>

<meta charset="utf-8" />

<style>

</style>

</head>

<body>

<ul>

<li>sdf </li>

<li>收到 </li>

<li>sd是对方是对f </li>

<li>是对浮点数 </li>

</ul>

<script>

var allLi=document.querySelectorAll('li')

for(var a=0a<allLi.lengtha++){

allLi[a].onclick=function(){

this.parentNode.removeChild(this)

}

}

</script>

</body>

</html>

删除步骤如下:

ar arr = [ 1, 2, 3, 4, 5 ]

//原始数组

alert("原始数组:" + arr)// 1,2,3,4,5

//删除并且返回第一个元素

注:重复以上步骤即可

一、JavaScript

简称为js,一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型;

它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML网页上使用,用来给HTML网页增加动态功能;

在1995年时,由Netscape公司的Brendan Eich,在网景导航者浏览器上首次设计实现而成。

二、js表达式:

表达式是指将常量、变量、函数、运算符和括号连接而成的式子;

根据运算结果的不同,表达式可分为算术表达式、字符表达式、和逻辑表达式。

删除数组 arr 第一个元素。不要直接修改数组 arr,结果返回新的数组

示例1

输入

[1, 2, 3, 4]

输出

[2, 3, 4]

第一种::运用slice()的浅克隆去复制元素从第二个开始到最后一个

function curtail(arr) {

var m = arr.slice(1)

return m

}

第二种::splice()的删除功能

function curtail(arr) {

var m = arr.slice(0)

m.splice(0,1)

return m

}

第三种::filter过滤下标,返回满足不等0的下标的元素

function curtail(arr) {

return arr.filter(function(ele,idx,arr){

return idx !== 0

})

}

第四种::shift()删除原数组的首个元素

function curtail(arr) {

var m = arr.slice(0)

m.shift()

return m

}

第五种:://join字符串连接后运用split进行分离为新数组

function curtail(arr) {

var m = arr.join().split(',')

m.shift()

return m

}

第六种::apply数组参数化后放入m数组

function curtail(arr) {

var m = []

[].push.apply(m,arr)

m.shift()

return m

}

第七种::concat数组链接出新数组。

function curtail(arr) {

var m = arr.concat()

m.shift()

return m

}