JS---DOM---点击操作---节点的方式---案例

【JS---DOM---点击操作---节点的方式---案例】的更多相关文章

JS---DOM---点击操作---节点的方式---案例

点击操作---节点的方式---案例案例1:点击按钮,设置p变色---节点的方式做 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>title</title> <style> div { width: 200px; height: 200px; border: 1px solid hotpin…

操作节点的方法 appendChild() insertBefore() replaceChild() cloneNode() normalize() splitText() sppendChild() 追加子元素 .firstElementChild() 第一个子元素节点返回值是被操作的那个子节点 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"…

JS DOM元素的操作（创建，添加，删除，和修改属性）

1.1 创建 DOM 元素以及相应的追加方式 1.1.1 创建:document.createElement('div'); 添加: fatherEle.appendChild(ele); appendChild 是将一个元素追加到另一个元素的最后, 不会覆盖父元素原有的内容. 1.1.2 拼接元素的字符串,利用父元素的innerHTML设置父元素的内容父元素中的html内容为html字符串,回复该父元素原有的内容. 这种方法直接清空父元素中所有的元素. 1.1.3 insertBefo…

JS DOM之表格操作

一个能给添加行的表格 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style> .table{width:100%; border:1px solid #eee; border-coll…

JS Dom节点操作demo!

通过黑马课程的学习,在这里分享一个js Dom中节点操作的小练习需求:使用js创建一个4*3的表格table. onload = function(){ function c(tagName){ return document.createElement(tagName); } var table = c('table'); var tbody = c('tbody'); table.appendChild(tbody); for(var i = 0;i<4;i++){ var tr = c(…

JS DOM操作（创建、遍历、获取、操作、删除节点）

创建节点 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=devic…

js dom操作获取节点的一些方法

在复习javascript基础的时候,整理了一下js中获取节点的一些常用的方法,见代码: //js获取下一个兄弟节点 function getNextSibling(eleObj){ var next = eleObj.nextSibling; if(next.nodeType == 3){ // 文本节点 return next.nextSibling; } return next; } //js获取上一个兄弟节点 function getPreviousSibling(eleObj){ va…