js 获取Dom元素、获取和设置属性

网页设计 跟版网
Dom元素 1 getElementById document.getElementById(id) 返回一个对象 2 getElementsByTagName document.getElementsByTagName(tag) 返回一个对象数组 运行使用*通配符，获取所有元素 dom.getElementsByTagName(*) 获取dom下所有子元素 3 getElementsByClass

Dom元素

1 getElementById

document.getElementById(id) 返回一个对象

2 getElementsByTagName

document.getElementsByTagName(tag) 返回一个对象数组

运行使用*通配符，获取所有元素

dom.getElementsByTagName('*') 获取dom下所有子元素

3 getElementsByClassName

document.getElementsByClassName(class) 返回一个对象数组

getElementsByClassName(dom, class)

属性

获取属性 getAttribute

object.getAttribute(attribute)

设置属性 setAttribute

object.setAttribute(attribute,value)

input元素

input.value='value' input.setAttribute('value','value')\

childNodes

dom.childNodes 返回一个对象数组 // 一元素的所有子元素

nodeType

node.nodeType

元素节点的nodeType属性值为1

属性节点的nodeType属性值为2

文本节点的nodeType属性值为3

nodeValue属性 获得和改变文本节点的值

node.nodeValue

firstChild 第一个子元素

lastChild 最后一个子元素

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除！

相关文档推荐

js实现点击按钮复制文本功能
最近遇到一个需求，需要点击按钮，复制 p 标签中的文本到剪切板 之前做过复制输入框的内容，原以为差不多，结果发现根本行不通 尝试了各种办法，最后使了个障眼法，实现了下面的效果 一、原理分析 浏览器提供了 copy 命令 ，可以复制选中的内容 document.exe
js 判断字符串中是否包含某个字符串
String对象的方法 方法一: indexOf() (推荐) var str = 123;console.log(str.indexOf(3) != -1 ); // trueindexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。如果要检索的字符串值没有出现，则该方法返回 -1。 方法二: search() var str = 1
js弹出窗口简单实现代码
本文实例为大家分享了js弹出窗口展示的具体代码，供大家参考，具体内容如下 !DOCTYPE htmlhtmlhead lang=en meta charset=UTF-8 title/title style body{ /*margin: 0;*/ } #div1{ width: 100px; height: 100px; border: 1px solid red; } /style/headbodydi
html js 表单提交前检测数据
通过使用form的onsibmit来控制是否提交数据 返回值为真是提交，其他不变，示例如下： JS部分 function check() { var newPwd = document.getElementById(newPwd); var confirmNewPwd = document.getElementById(confirmNewPwd); if (newPwd.value == confirm
利用JS提交表单的几种方法和验证(必看篇)
工作中发现表单提交方便的问题，很多时候IE下提交好好的，打了火狐下就出现了问题，利用提交按钮就不成功了，于是利用JS的方式就成功了，也不知道为什么。在导师的催促下就总结出以下的几种常用表单提交的方法。 第一种方式：表单提交，在form标签中增加onsu
js实现点击切换TAB标签实例
本文实例讲述了js实现点击切换TAB标签。分享给大家供大家参考。具体如下： 这里演示的选项卡效果代码，无jq,纯JS来实现，灰色风格，没有怎么美化，或许看上去比较普通，不过兼容性和操作起来挺舒服的，风格适用于大部分的网站，或许你会用得上。 先来看看运
html教程css教程前端开发cms教程seo优化网页设计服务器数据库平面设计电脑教程编程教程互联网移动开发php编程java编程建站技巧Python编程
织梦资讯网 织梦模板 dede 外语学校 织梦鬼故事 竞价网站源码 竞价培训网 门户网站 织梦二次开发 织梦笑话网 dedecms笑话网 织梦源码 网站建设 搞笑图片 织梦教程 旅游网站源码 织梦旅游网 学校培训 html5 企业织梦源码 医院源码 后台样式 移动营销页 整形医院 大学医院 新手建站 客服代码 洗衣机维修 企业网站 淘宝客 导航菜单 教育网站 学校源码 装修网站 装修模板 美容整形 女性健康 妈妈网 机械源码 建站公司 珠宝首饰 苹果网站 手机资讯 美女图片 织梦模版打包 妇科源码 安卓市场源码 男性时尚网 健康之家 app应用网站 笑话网站 下载站 美女图片网 中医院网站 家装网站源码 QQ网站 标牌网站 魔兽世界网 淘宝客源码 YY网站源码 别墅设计网站 服装搭配网 宝宝起名网 站长网站 婚庆网站 脑科医院源码 笑话源码 肝胆医院 意外怀孕源码 工作室