菜鸟网站编程,电商运营主要工作内容,一二三四免费观看高清视频,深圳建设集团有限公司工资一.节点操作增createElement(name)创建元素
appendChild();将元素添加 删获得要删除的元素
获得它的父元素
使用removeChild()方法删除 改第一种方式:使用上面增和删结合完成修改第二中方式:使用setAttribute();方法修改属性 使用innerHTML属性修改元素的内容 查s…一.节点操作 增 createElement(name)创建元素
appendChild();将元素添加 删 获得要删除的元素
获得它的父元素
使用removeChild()方法删除 改 第一种方式:使用上面增和删结合完成修改第二中方式:使用setAttribute();方法修改属性 使用innerHTML属性修改元素的内容 查 script typetext/javascript
//在第一个div中动态增加一个a标签. 该a标签点击之后跳转到百度首页.function addNode(){//1.获得 第一个divvar div document.getElementById(div_1);//2.创建a标签 createElement创建一个a标签 a/avar eleA document.createElement(a);//3.为a标签添加属性 a hrefhttp://www.baidu.com/aeleA.setAttribute(href, http://www.baidu.com);//4.为a标签添加内容 a hrefhttp://www.baidu.com百度/aeleA.innerHTML 百度; //5.将a标签添加到div中div.appendChild(eleA);}//点击后 删除div区域2function deleteNode(){//1 获得要删除的div区域var div document.getElementById(div_2);//2.获得父亲var parent div.parentNode;//3 由父亲操刀 parent.removeChild(div);}//点击后 替换div区域3 为一个美女function updateNode(){//1 获得要替换的div区域3var div document.getElementById(div_3);//2创建img标签对象 img /var img document.createElement(img);//3添加属性 img src001.jpg /img.setAttribute(src, 001.JPG);//4.获得父节点var parent div.parentNode;//5.替换parent.replaceChild(img, div);}//点击后 将div区域4 克隆一份 添加到页面底部function copyNode(){//1.获取要克隆的divvar div document.getElementById(div_4);//2.克隆 参数为true 那么克隆时克隆所有子元素. false 只克隆自己var div_copy div.cloneNode(true);//3.获得父亲var parent div.parentNode;//4.添加parent.appendChild(div_copy);}/script 二.修改 HTML DOM 改变 HTML 内容 改变元素内容的最简答的方法是使用 innerHTML innerText。 改变 CSS 样式 p idp2Hello world!/p
document.getElementById(p2).style.colorblue;br .style.fontSize48px 改变 HTML 属性 elementNode.setAttribute(name,value) elementNode.getAttribute(name)--------------elementNode.value(DHTML) 创建新的 HTML 元素 createElement(name) 删除已有的 HTML 元素 elementNode.removeChild(node) 关于class的操作 elementNode.className elementNode.classList.add elementNode.classList.remove 转载于:https://www.cnblogs.com/icemonkey/p/10498890.html
