document操作自定义属性

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>document获取对象2</title><script type="text/javascript">/* * js操作元素的固有属性：*        1.获取元素对象*      2.获取固有属性*                对象名.属性名*        2.修改固有属性*               对象名 .属性名= 属性值* 操作自定义属性*        1.获取元素对象*       2.获取自定义属性*              对象名.getAttribute("属性名");*         3.修改自定义属性*              对象名.setAttribute("属性名","属性值");* 注意：可以使用操作自定义属性的方式操作固有属性 但是不能获取实时的value值*///获取自定义对象function testGetSelField(){var c = document.getElementById("te");//查看属性内容alert(c.getAttribute("a"));}//修改自定义属性内容function testUpSelField(){var c = document.getElementById("te");c.setAttribute("a","哇哈哈");alert(c.getAttribute("a"));}//使用自定义的方式操作固有属性function testGetOperField(){var c = document.getElementById("te");//alert(c.getAttribute("type"));alert(c.getAttribute("value")+":"+c.getAttribute("value"));}//使用自定义的方式修改元素的固有属性function testUpOperField(){var c = document.getElementById("te");c.setAttribute("type","button");}/**************************************************************/function getField(){var c = document.getElementById("te");alert(c.value+":"+c.type);}function setField(){var c = document.getElementById("te");c.type = "button";}</script></head><body><h1>document获取自定义属性</h1><hr /><input type="text" name="" id="te" value="独钓寒江雪" a = "456"/><hr /><input type="button" name="" id="" value="测试获取元素自定义元素" οnclick="testGetSelField()"/><input type="button" name="" id="" value="测试修改自定义属性内容" οnclick="testUpSelField()"/><hr /><input type="button" name="" id="" value="测试获取元素固有属性" οnclick="testGetOperField()"/><input type="button" name="" id="" value="测试修改元素固有属性" οnclick="testUpOperField()"/><hr /><input type="button" name="" id="" value="获取固有属性" οnclick="getField()" /><input type="button" name="" id="" value="设置固有属性" οnclick="setField()" /></body>
</html>

document操作自定义属性相关推荐

js节点操作自定义属性
JS自定义属性和节点操作 1.节点是什么? 所谓的节点操作指的是:网页中的所有内容都是节点(标签.属性.文本.注释等),在DOM 中,节点使用 node 来表示.所有 HTML 元素(节点)均可被修改 ...
document操作例题1-延迟注册与二级菜单
一.倒计时10秒后可以注册 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http ...
html的document操作
代码: <!DOCTYPE html> <html><head><meta charset="utf-8"><title> ...
操作自定义属性、H5自定义属性
获取属性 element.属性获取属性值. element.getAttribute('属性'): 区别: element.属性获取内置属性值(元素本身自带的属性) element.getAttr ...
全文检索Lucene（一）--Document操作与文本域加权
一.搭建基本环境在eclipse中创建普通的maven项目,并在pom.xml中引入相应的依赖. 这里只给出pom.xml中的依赖 <dependencies> ...
js DOM操作自定义属性
自定义属性:在日常开发中,html的内置属性已经无法满足程序员的日常开发,所以需要我们自己定义属性,H5给我们新增了自定义属性,为了防止自定义属性和内置属性引起歧义,所以H5规定自定义属性以data- ...
java document元素复制_dom操作之元素的增删复制
一.增删改操作 document.appendChild(newNode) 将newNode添加成当前节点的最后一个子节点 document.insertBefore(newNode,refNode) ...
用SAXBuilder、Document、Element操作xml
摘自:http://blog.163.com/cui_zhouyang/blog/static/7033972120093911330375/ import org.jdom.Document; im ...
JQuery自定义属性的设置和获取
Jquery操作自定义属性的方法,很简洁: Js代码 $("#test").attr("test","aaa") // 设置 $(&qu ...
jQuery的属性，位置，元素操作
想要操作,或者获取元素原有属性,jQuery为我们良好的封装了各种,属性和方法.以下,便是: jQuery 属性操作 jQuery有三种操作属性的方法::prop() / attr() / data( ...

document操作自定义属性

document操作自定义属性相关推荐

最新文章

热门文章