js基础学习--------------------六

最新推荐文章于 2024-09-02 16:34:27 发布

qq_41776004

最新推荐文章于 2024-09-02 16:34:27 发布

阅读量214

点赞数 1

分类专栏： JavaScript 文章标签： js基础学习

本文链接：https://blog.youkuaiyun.com/qq_41776004/article/details/87339237

版权

JavaScript 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了如何使用JavaScript进行DOM操作，包括通过ID、标签名和类名获取元素，创建和删除节点，以及实现全选、反选功能。此外，还展示了如何动态添加和删除表格行，提供了一个实用的代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一获取节点
1)通过id获取元素
var x=document.getElementById(“main”);
2）通过标签获取元素
var y=x.getElementsByTagName(“p”);
3）通过class获取元素
var x=document.getElementsByClassName(“intro”);
二创建删除节点
var li=createElement(“li”);
var text=createTextNode(“北京”);
li.appendChild(text);
三：全选反选

Insert title here

爱好全选

篮球足球羽毛球乒乓球

全选取消全选反选

</form>

四添加一行删除 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

// 编写一个函数，供添加按钮调用，动态在表格的最后一行添加子节点；
function add(){
var name=document.getElementsByName(“name”)[0].value;
var phone=document.getElementsByName(“phone”)[0].value;
//alert(phone);
var email=document.getElementsByName(“email”)[0].value;
var tr=document.createElement(“tr”);
var xn=document.createElement(“td”);
var xp=document.createElement(“td”);
var xe=document.createElement(“td”);
xn.innerHTML=name;
xp.innerHTML=phone;
xe.innerHTML=email;
var del=document.createElement(“td”);
del.innerHTML=“删除”;
var tab=document.getElementById(“table”);
tab.appendChild(tr);
tr.appendChild(xn);
tr.appendChild(xp);
tr.appendChild(xe);
tr.appendChild(del);
}