javascript DOM实用学习资料第1/3页

访问指定节点：
getElementsByName():

DOM技术

选择你喜欢的颜色！
red

green

blue

var oRadios=document.getElementsByName("color");
alert(oRadios[0].getAttribute("value"));

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

DOM技术

选择你喜欢的颜色！
red

green

blue

var oRadios=document.getElementsByName("color");
alert(oRadios[0].getAttribute("value"));

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

getElementById():

function getValue(){
var odiv1=document.getElementById("div1");
odiv1.innerText="hello!";
}

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

function getValue(){
var odiv1=document.getElementById("div1");
odiv1.innerText="hello!";
}

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

createElement():

创建节点

function createM(){
var op=document.createElement("p");
var otext=document.createTextNode("你好！");
op.appendChild(otext);
document.body.appendChild(op);
}

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

创建节点

function createM(){
var op=document.createElement("p");
var otext=document.createTextNode("你好！");
op.appendChild(otext);
document.body.appendChild(op);
}

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

removeChild():

删除节点

function removeM(){
var op=document.body.getElementsByTagName("p")[0];
document.body.removeChild(op);
}

你好！

hello world！

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

删除节点

function removeM(){
var op=document.body.getElementsByTagName("p")[0];
document.body.removeChild(op);
}

你好！

hello world！

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

当前1/3页 123下一页阅读全文

赞 (0)

相关推荐

  • javascript DOM实用学习资料第1/3页

    访问指定节点: getElementsByName(): DOM技术 选择你喜欢的颜色! red green blue var oRadios=document.getElementsByName("color"); alert(oRadios[0].getAttribute("value")); [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] DOM技术 选择你喜欢的颜色! red green blue var oRadios=document.get

  • javascript的正则表达式学习资料复习

    关于反向引用 复制代码 代码如下: // 测试函数 function matchReg(reg, str) { var result = str.match(reg); if(result) { console.dir(result); } else { console.log('match failed'); } } var reg = /([A-Za-z]{0,6})\1/; var str = 'AndrewAndrew'; // 测试通过 matchReg(reg, str); //通过

  • JavaScript 语言精粹学习笔记第1/2页

    非常好的想法包括函数,弱类型,动态对象和一个富有表现力的对象字面量的表示法, 坏的想法包括基于全局变量的编程模型. JavaScript的函数是基于词法作用域的顶级对象.Javascript是第一个成为主流的Lambda语言.相对于Java而言,JavaScript于Lisp和Scheme有更多的共同点.它是披着C外衣的Lisp.这使得JavaScript成为一个非常强大的语言. 现在大部分变成语言都流行要求强类型.其原理在于强类型允许编译器在编译时检查错误.我们越早检查和修复错误,付出的代价越

  • Javascript入门学习资料收集整理篇

    Javascript入门学习第一篇 js基础Javascript入门学习第二篇 js类型Javascript入门学习第三篇 js运算Javascript入门学习第四篇 js对象和数组Javascript入门学习第五篇 js函数Javascript入门学习第六篇 js DOM编程Javascript入门学习第七篇 js dom实例操作Javascript入门学习第八篇 js dom节点属性说明Javascript入门学习第九篇 Javascript DOM 总结jQuery基础教程笔记适合js新手

  • JavaScript DOM 学习总结(五)

    1.DOM简介. 当页面加载时,浏览器会创建页面的文档对象模型(Document Object Model).文档对象模型定义访问和处理HTML文档的标准方法.DOM 将HTML文档呈现为带有元素.属性和文本的树结构,即节点树.通过DOM,JS可创建动态的HTML,可以使网页显示动态效果并实现与用户的交互功能.JS能够改变页面中所有的HTML元素.属性和CSS样式,并对页面中所有事件做出响应.所以学习JS的起点就是处理网页,处理网页就需要使用DOM进行操作. 2.DOM获取元素. JS要想操作H

  • JavaScript前端实用的工具函数封装

    JavaScript前端实用的工具函数封装

    目录 1.webpack里面配置自动注册组件 2.自定义指令图片懒加载 3.图片文件转base64格式(实现预览) 4.数组转为tree型结构(递归实现) 5.递归深拷贝 6.将数组里面的对象转换成我们需要的键值对 1.webpack里面配置自动注册组件 第一个参数是匹配路径,第二个是深度匹配,第三个是匹配规则 const requireComponent = require.context('./libary', true, /\.vue$/) export default { install

  • 《JavaScript DOM 编程艺术》读书笔记之JavaScript 简史

    JavaScript 是Netscape公司与Sun公司合作开发的.在 JavaScript 1.0发布时,Netscape Navigator主宰着浏览器市场.微软在推出IE3的时候发布了自己的VBScript语言,同时以JScript为名发布了JavaScript 的一个版本,很快赶上了 Netscape 的步伐.面对微软公司的竞争,Netscape 和 Sun公司联合ECMA(欧洲计算机制造商协会)对JavaScript 语言进行了标准化,于是出现了ECMAScript语言,这是同一种语言

  • js DOM的学习笔记

    今天学习了DOM,做了以下一些基础练习-- DOM是Document Object Model文档对象模型的缩写:使用JavaScript操作DOM进行DHTML开发. 学习目标:能够使用JavaScript操作Dom实现常见的DHTML效果. 参考书:张孝祥<JavaScript网页开发--体验式学习教程> 一.DOM的入门: 1.DOM就是HTML页面的模型,将每个标签都做为一个对象,JavaScript通过调用DOM中的属性.方法就可以对网页中的文本框.层等元素进行编 程控制.比如通过操

  • JavaScript该如何学习 怎样轻松学习JavaScript

    JavaScript该如何学习 怎样轻松学习JavaScript

    js给初学者的印象总是那么的"杂而乱",相信很多初学者都在找轻松学习js的途径.我试着总结自己学习多年js的经验,希望能给后来的学习者探索出一条"轻松学习js之路".js给人那种感觉的原因多半是因为它如下的特点: A:本身知识很抽象.晦涩难懂,如:闭包.内置对象.DOM. B:本身内容很多,如函数库.对象库就一大堆. C:混合多种编程思想.它里面不但牵涉面向过程编程思想,又有面向对象编程思想,同时,它的面向对象还和别的编程语言(如:C++,JAVA,PHP)不大一样

  • javascript DOM的详解及实例代码

    javascript DOM 总结 一直以为DOM(文档对象模型)是JS中最简单的一部分.不可否认,它确实很简单,因为DOM的思维模式有点固定,只需要简单地记住一些固定的方法,所以DOM可以说是所有js(这里指的是客户端的js)入门的起手点. 最近我在做一些有用到DOM的练习时,发现自己的DOM知识非常零散(一直以为掌握的很好),可能有很多朋友都觉得,DOM嘛,也就调用调用几个方法,或者我直接使用jQuery,根本不用考虑DOM的细节.是,这也没错,jQuery对DOM的封装可谓前无古人,但是正

随机推荐