<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<script>
window.onload = function() {
var oText = document.getElementById(‘text1‘);
/*
.
[]
*/
//oText.value = ‘222‘;
//alert( oText.value );
//oText[‘value‘] = ‘222‘;
//alert( oText[‘value‘] );
var name = ‘value‘;
//oText.name; //有问题
//oText[name];// OK
//alert(oText[name]);
/*
元素.getAttribute(属性名称); 方法 获取指定元素的指定属性的值
*/
//alert( oText.getAttribute(‘value‘) );
/*
元素.setAttribute(属性名称，属性值); 方法 给指定元素指定的属性设置值
*/
//oText.setAttribute( ‘value‘, ‘hello‘ );
/*
元素.removeAttribute(属性名称); 方法 移除指定的元素的指定的属性
*/
//oText.removeAttribute( ‘value‘ );
/*
1.用.和[]的形式无法操作元素的自定义属性
getAttribute可以操作元素的自定义属性
*/
//alert( oText._name_ );
//alert( oText[‘_name_‘] );
//alert( oText.getAttribute(‘_name_‘) );
var oImg = document.getElementById(‘img1‘);
/*
2.可以获取元素属性实际的值
ie7下还是会返回资源的绝对路径
*/
//alert( oImg.src );
//alert( oImg[‘src‘] );
//alert( oImg.getAttribute(‘src‘) );
//alert( oImg.style.getAttribute(‘width‘) );
}
</script>
</head>
<body>
<input type="text" id="text1" value="1111" _name_="妙味" />
<img src="bdlogo.gif" id="img1" style="width:100px;" />
</body>
</html>