JavaScript DOM
有个机车梦
喜欢充满冒险的生活节奏 在代码中沉淀下浮躁的内心
展开
-
(12)JavaScript DOMSelect级联系选择
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF原创 2018-11-28 09:52:22 · 139 阅读 · 0 评论 -
(11)JavaScript DOM插入节点及自定义的insertAfter方法
获取最后一个子节点: .lastChild获取下一个兄弟节点 .nextSibling<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title> <script type=&q原创 2018-11-27 11:47:12 · 548 阅读 · 0 评论 -
(10)JavaScript DOM添加和删除练习
.value:用于获取 html 表单元素的值 就是跟id和type是一样的 获取的是value里面的值.nodeValue:用于获取文本节点的文本值 比如获取th.firstChild.nodeValue 里面的Name的文本值。注意<!DOCTYPE html><html> <head> <meta charse...原创 2018-11-27 10:39:41 · 517 阅读 · 0 评论 -
(9)JavaScript DOM删除节点
删除节点:1.removeChild(): 从一个给定元素里删除一个子节点var reference = element.removeChild(node);返回值是一个指向已被删除的子节点的引用指针 某个节点被removeChild()方法删除时 这个节点所包含的所有子节点将同时被删除 如果想删除某个节点 但不知道它的父节点是哪一个 parentNode可以帮忙...原创 2018-11-26 20:12:23 · 278 阅读 · 0 评论 -
(5)JavaScript DOM练习题
题目1:点击每个 li节 点 都弹出其文本值代码注意:1 . 为什么要写成 liNodes[i].onclick = funciton(){xxxx}liNodes[i].onclick =XXXX;function hello(){alert(“hello”);}如果我们是 liNodes[i].onclick = hello;实际上是用的引...原创 2018-11-24 20:39:04 · 1451 阅读 · 0 评论 -
(6)JavaScript DOM元素,文本,属性的区别
元素节点如下属性节点如下文本节点如下获取当前节点的时候 getElementByid(“bj”) 通过id属性获取单个节点 那么它的第一个子节点 .firstNode 是文本节点 .lastNode同样也是文本节点 { 元素节点 属性节点 文本节点 注释节点 文档节点 nodeTy...原创 2018-11-25 00:10:18 · 358 阅读 · 0 评论 -
(8)JavaScript DOM节点的替换
节点的替换:replaceChild(): 把一个给定父元素里的一个子节点替换成另外一个子节点 var reference = element.replaceChild(newChild,oldChild);该节点除了替换功能以外还有移动的功能该方法只能完成单向替换,若需要使用双向替换,需要自定义函数节点的替换<!DOCTYPE html><html>...原创 2018-11-25 22:49:40 · 970 阅读 · 0 评论 -
(7)JavaScript DOM练习题
需求1: 点击submit按钮时 检查是否选择type 若没有选择给出提示: “请选择类型”;检查文本框是否有输入(可以去除前后空格), 若没有输入,则给出提示:“请输入内容”;若检查都通过,则在相应的ul节点中添加对应的li节点需求2: 使包括新增的li都能响应onclick 事件:弹出li的文本值&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;hea...原创 2018-11-25 22:49:33 · 1293 阅读 · 0 评论 -
(4)JavaScript DOM读写文本节点
childNodes : 该方法不实用 因为如果要获取指定的节点的指定子节点的集合 可以直接调用元素节点的getElementsByTagName()方法来获取。&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html&amp;gt;&amp;lt;head&amp;gt;&amp;lt;meta charset=&quot;UT原创 2018-11-23 09:46:15 · 358 阅读 · 0 评论 -
(3)JavaScript DOM读写属性节点
&amp;amp;amp;lt;!DOCTYPE html&amp;amp;amp;gt;&amp;amp;amp;lt;html&amp;amp;amp;gt;&amp;amp;amp;lt;head&amp;amp;amp;gt;&amp;amp;amp;lt;meta charset=&amp;amp;quot;UTF-8&amp;amp;quot原创 2018-11-23 08:55:43 · 217 阅读 · 0 评论 -
(2)JavaScript DOM获取元素节点
如何获取元素节点:1 document.getElementById : 根据 id 属性获取对应的单个节点2 document.getElementsByTagName: 根据标签名获取指定节点名字的数组, 数组对象3 document.getElementsByName:根据节点的 name 属性获取符合条件的结点数组但 ie 的实现方式和W3C 标准有差别;在html 文档中若某...原创 2018-11-23 08:55:14 · 182 阅读 · 0 评论 -
(1)JavaScript DOM在什么位置编写代码
DOM: Document Object Model(文本对象模型)D: 文档 - html文档 或 xml文档O: 对象 - document对象的属性和方法M: 模型DOM 是针对xml(html)的基于数的APIDOM 树:节点(node)的层次DOM 把 一个文档表示为一棵家谱树(父,子,兄弟)DOM 定义了Node的接口以及许多种节点类型来表示XML节点的多个方面节点...原创 2018-11-23 08:53:59 · 450 阅读 · 0 评论 -
(13)JavaScript DOMcheckBox全选
//需求: 若 #checkedAll_2 被选中, 则 name=items 的 checkbox 都被选中//若 #checkedAll_2 取消选中, 则 name=items 的 checkbox 都取消选中//若 name=items 的 checkbox 都被选中, 则 #checkedAll_2 的 checkbox 也被选中//若 name=items 的 checkbox ...原创 2018-11-28 09:53:54 · 151 阅读 · 0 评论