程序博客网 > 霍尼韦尔2316编程

使用javascript操纵HTML元素的自定义属性

来源：互联网发布：霍尼韦尔2316编程编辑：程序博客网时间：2024/04/29 12:07

为HTML元素添加一自定义的属性非常方便，只须将其加到尖括号中即可，与内置属性地位相等。

如我们要为TextBox元素添加属性idvalue：

<input type="text" id="txtInput" name="txtInput" value="自定义文本">

只须在原来的控件后面加上：idvalue=”…”,成为:

<input type="text" id="txtInput" name="txtInput" value="自定义文本" idvalue="自定义值">

idvalue即可正式成为txtInput的属性，地位与其他属性相等。

如以下例子，在IE6中调试通过：

<head>

<title>自定义属性</title>

<script language="javascript">

function showText()

{

alert(document.getElementById("txtInput").value);

}

function showValue()

{

alert(document.getElementById("txtInput").idvalue);

}

</script>

</head>

<body>

<input type="text" id="txtInput" name="txtInput" value="自定义文本" idvalue="自定义值">

<input type="button" id="btnShowText" name="btnShowText" value="显示文本内容" onclick="showText();">

<input type="button" id="btnShowValue" name="btnShowValue" value="显示文本值" onclick="showValue();">

</body>

但idvalue在Firefox中却不能通过，主要是因为Firefox控制严格，所以这些自定义属性不能认识。经过调试，只能用document.getElementById("txtInput").attributes["idvalue"].nodeValue取得，该方法在IE中也可使用。所以，同时适用IE和Firefox的代码为：

<head>

<title>自定义属性</title>

<script language="javascript">

function showText()

{

alert(document.getElementById("txtInput").value);

}

function showValue()

{

alert(document.getElementById("txtInput").attributes["idvalue"].nodeValue);

}

</script>

</head>

<body>

<input type="text" id="txtInput" name="txtInput" value="自定义文本" idvalue="自定义值">

<input type="button" id="btnShowText" name="btnShowText" value="显示文本内容" onclick="showText();">

<input type="button" id="btnShowValue" name="btnShowValue" value="显示文本值" onclick="showValue();">

</body>

源代码: http://files.cnblogs.com/redleaf1995/testcustom.rar

霍尼韦尔2316编程

霍尼韦尔2316编程

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子游故宫导游词日月潭导游词故宫导游词完整版故宫导游词600字故宫导游词400字故宫导游词400 故宫导游词300字导游词范文沈阳故宫导游词关于三峡的导游词三峡导游词50字颐和园导游词西湖导游词故宫导游词500 故宫导游词300 拙政园导游词峨眉山导游词导游词作文300字作文导游词关于导游词的作文导游词开头导游词结尾怎么写导游词简短精彩开场白故宫导游词400字作文四年级故宫导游词300字左右故宫导游词作文400字故宫博物院导游词400字故宫博物院导游词300 故宫博物院导游词100字故宫博物院导游词500字故宫博物院导游词200字三峡导游词50字初二水平北京故宫导游词400字故宫导游词350字作文故宫博物院导游词500 四年级作文导游词400字导游业务案例分析题导游考试判断题学导演系真的很费钱吗食神系导演票票小僧军运会导演组名单