js中的contains()方法记录

今天做题的时候遇到了contains()方法 没见过 发帖子记录一下

这个方法是用来计算是否包含某个元素节点的//

返回值为布尔类型

附上自己测试代码

<body>
    <div id="div1">
        <div id="div2"> //创建子元素一
            儿子一
        </div>
        <div id="div3"> //创建子元素二
            儿子二
        </div>
    </div>
</body>
<script>
    div1=document.getElementById("div1")
    div2=document.getElementById("div2")
    div3=document.getElementById("div3")
    console.log(div1.contains(div2))   //true
    console.log(div2.contains(div1))   //false
    console.log(div3.contains(div2))   //false

</script>

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
可以使用以下代码实现: HTML: ```html <table id="myTable"> <thead> <tr> <th>姓名</th> <th>年龄</th> <th>性别</th> <th>操作</th> </tr> </thead> <tbody> </tbody> </table> <input type="text" id="name" placeholder="姓名"> <input type="text" id="age" placeholder="年龄"> <input type="text" id="gender" placeholder="性别"> <button id="saveBtn">保存</button> ``` JavaScript: ```javascript var saveBtn = document.getElementById("saveBtn"); var nameInput = document.getElementById("name"); var ageInput = document.getElementById("age"); var genderInput = document.getElementById("gender"); var tableBody = document.querySelector("#myTable tbody"); saveBtn.addEventListener("click", function() { var name = nameInput.value; var age = ageInput.value; var gender = genderInput.value; var newRow = document.createElement("tr"); newRow.innerHTML = "<td>" + name + "</td><td>" + age + "</td><td>" + gender + "</td><td><button class='deleteBtn'>删除</button></td>"; tableBody.appendChild(newRow); nameInput.value = ""; ageInput.value = ""; genderInput.value = ""; }); tableBody.addEventListener("click", function(event) { if (event.target.classList.contains("deleteBtn")) { var row = event.target.parentNode.parentNode; row.parentNode.removeChild(row); } }); ``` 这段代码实现了一个动态表格,当用户在输入框输入内容后,点击保存按钮,会在表格末尾添加一条记录。每条记录都有一个删除按钮,点击删除按钮会删除对应行的记录
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值