javascript 操作元素属性的方法

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>document</title>
<style>
</style>
<script type="text/javascript">

    window.onload = function() {

        oText1 = document.getElementById(‘text1‘);
        var name = ‘value‘;

        //alert(oText1[name]);
        //alert(oText1[‘_name_‘]);
        /*
            元素.getAttribute(属性名称); 方法 获取指定元素的指定属性的值
            自定义属性用getAttribute来获取
        */
        //alert(oText1.getAttribute(‘value‘));

        /*
            元素.setAttribute(属性名称); 方法 给指定元素指定的属性设置值
        */
        //oText1.setAttribute(‘value‘,‘呀‘);

        /*
            元素.removeAttribute(属性名称);方法 移除指定的元素的指定属性
            不要用removeAttribute删除元素自带属性
        */
        //oText1.removeAttribute(‘value‘);

        /*
            1.用“.”和“[]”的形式无法操作元素的自定义属性
                getAttribute可以操作元素的自定义属性
            2.可以获取元素属性的实际值
                ie7下还是会返回资源的绝对路径
        */
        //alert(oText1._name_);
        //alert(oText1[‘_name_‘]);
        //oText1.removeAttribute(‘_name_‘);
    }

</script>
</head>

<body id="body">
    <input type="text" id="text1" value="ABC" _name_="m味" />
</body>
</html>
时间: 2024-07-31 02:40:38

javascript 操作元素属性的方法的相关文章

Javascript操作元素属性方法总结

? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>     <titl

JavaScript原生对象属性和方法详解——Array对象 转载

length 设置或返回 数组中元素的数目. 注意:设置 length 属性可改变数组的大小.如果设置的值比其当前值小,数组将被截断,其尾部的元素将丢失.如果设置的值比它的当前值大,数组将增大,新的元素被添加到数组的尾部,它们的值为 undefined.所以length不一定代表数组的元素个数. var arr = new Array(3) arr[0] = "John" arr[1] = "Andy" arr[2] = "Wendy" cons

javascript 获取元素样式的方法

javascript 获取元素样式常用方法. Javascript获取CSS属性值方法:getComputedStyle和currentStyle 1 .对于元素的内联CSS样式(<div style="color:#369">hello</div>),可以直接使用element.style.color来直接获取css属性的值: 2. 但是对于外部定义的css样式使用这种方式就无法获取了,而且IE浏览器和其他标准浏览器(Firefox,Chrome,Opera,

Day 55(08/15)jquery 操作元素(属性,css,文档处理)

四 操作元素(属性,css,文档处理) 4.1 事件 页面载入 1 2 ready(fn)  // 当DOM载入就绪可以查询及操纵时绑定一个要执行的函数. $(document).ready(function(){}) -----------> $(function(){}) 事件绑定 //语法: 标签对象.事件(函数) eg: $("p").click(function(){}) 事件委派: $("").on(eve,[selector],[data],fn

3 、操作元素 (属性 CSS 和 文档处理)

3   操作元素-属性 CSS 和 文档处理  3.1 属性操作 $("p").text()    $("p").html()   $(":checkbox").val() $(".test").attr("alex")   $(".test").attr("alex","sb") $(".test").attr("c

Javascript对象的属性及方法

以下注释中的说法相对于PHP等语言的类对象的属性及方法,因为Javascript首先没有“类”这一说法,也不存在静态非静态.属性/方法作用域这一说法. function obj() { var v = '';//私有静态属性 var f = function(){};//私有方法 } ------------------------------------ obj.v = '';//公共静态属性 obj.f = function(){};//公共静态方法 给类本身扩展属性和方法,只能通过类名访问

js操作dom元素属性和方法

1.用于处理xml文档的dom元素属性 属性名                      描述 childNodes返回当前元素所有子元素的数组 firstChild返回当前元素的第一个下级子元素 lastChild返回当前元素的最后一个子元素 nextSbling返回紧跟在当前元素后面的元素 nodeValue指定表示元素值的读写属性 parentNode返回元素的父节点 previousSibling返回紧邻当前元素之前的的元素 2.用于遍历XML文档的dom元素方法 方法名        

JavaScript原生对象属性和方法详解——Array对象

http://www.feeldesignstudio.com/2013/09/native-javascript-object-properties-and-methods-array/ length 设置或返回 数组中元素的数目. 注意:设置 length 属性可改变数组的大小.如果设置的值比其当前值小,数组将被截断,其尾部的元素将丢失.如果设置的值比它的当前值大,数组将增大,新的元素被添加到数组的尾部,它们的值为 undefined.所以length不一定代表数组的元素个数. var ar

JavaScript原生对象属性和方法详解——Array对象[转]

length 设置或返回 数组中元素的数目. 注意:设置 length 属性可改变数组的大小.如果设置的值比其当前值小,数组将被截断,其尾部的元素将丢失.如果设置的值比它的当前值大,数组将增大,新的元素被添加到数组的尾部,它们的值为 undefined.所以length不一定代表数组的元素个数. var arr = new Array(3) arr[0] = "John" arr[1] = "Andy" arr[2] = "Wendy" cons