JS级联下拉列表，DOM编程

最新推荐文章于 2024-04-28 13:37:45 发布

fiona0425

最新推荐文章于 2024-04-28 13:37:45 发布

阅读量794

点赞数

分类专栏： web前端文章标签： dom 编程 javascript

本文链接：https://blog.csdn.net/Sunflowerfiona/article/details/49870759

版权

本文介绍了如何使用DOM操作在网页上创建JS级联下拉列表，包括创建新节点、添加到元素树、删除节点、替换节点以及删除属性节点的方法，通过这些操作实现了级联效果。

摘要由CSDN通过智能技术生成

使用DOM编程，在网页中完成简单的JS级联下拉列表。
先整理常用的DOM操作：

创建新节点

 document.createElement(‘div’)
 document.createAttribute(‘class’);
 document.createTextNode(‘文本’)   e.innerHTML 
 document.createComment(‘注释内容’); 
document.createDocumentFragment();

把新节点添加到元素树

e.setAttributeNode(newAttr)
e.appendChild(newTxt/newElement/fragment)
e.insertBefore(newTxt/newElement/fragment, existingChild)

删除已有节点

  var deletedChild = parentNode.removeChild( existingChild );

替换已有节点

  var replacedChild = parentNode.replaceChild( newChild,  existingChild );

删除属性节点

element.removeAttribute(‘属性名’);
element.removeAttributeNode(attrNode);

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <meta

最低0.47元/天解锁文章

fiona0425

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS级联下拉列表，DOM编程

使用DOM编程，在网页中完成简单的JS级联下拉列表。先整理常用的DOM操作：创建新节点 document.createElement(‘div’) document.createAttribute(‘class’); document.createTextNode(‘文本’) e.innerHTML document.createComment(‘注释内容’); document.
复制链接

扫一扫

专栏目录