Javascript怎么访问自定义控件的自定义属性
展开全部
前面说过为HTML元素添加自定义的属性，是通过手动在HTML控件中加上，其实可以在javascript中动态添加：如有一文本框：
复制代码 代码如下:
<input type="text" id="txtInput" name="txtInput" value="自定义文本">
如想增加idvalue属性(值为”自定义值”)，可以在javascript中这样写:
复制代码 代码如下:
var txt = document.getElementById("txtInput");
txt.setAttribute("idvalue","自定义值");
setAttribute中第一个参数是指明自定义属性的名称，第二个参数是初始值
代码如下:
复制代码 代码如下:
<html>
<head>
<title>用javascript添加控件自定义属性</title>
<script language="javascript">
function addCustomAttribute()
{
var txt = document.getElementById("txtInput");
txt.setAttribute("idvalue","自定义值");
}
function showIdValue()
{
var txt = document.getElementById("txtInput");
alert(txt.attributes["idvalue"].nodeValue);
}
</script>
</head>
<body onload="addCustomAttribute();">
<input type="text" id="txtInput" name="txtInput" value="自定义文本">
<input type="button" value="显示idValue" onclick="showIdValue();">
</body>
复制代码 代码如下:
<input type="text" id="txtInput" name="txtInput" value="自定义文本">
如想增加idvalue属性(值为”自定义值”)，可以在javascript中这样写:
复制代码 代码如下:
var txt = document.getElementById("txtInput");
txt.setAttribute("idvalue","自定义值");
setAttribute中第一个参数是指明自定义属性的名称，第二个参数是初始值
代码如下:
复制代码 代码如下:
<html>
<head>
<title>用javascript添加控件自定义属性</title>
<script language="javascript">
function addCustomAttribute()
{
var txt = document.getElementById("txtInput");
txt.setAttribute("idvalue","自定义值");
}
function showIdValue()
{
var txt = document.getElementById("txtInput");
alert(txt.attributes["idvalue"].nodeValue);
}
</script>
</head>
<body onload="addCustomAttribute();">
<input type="text" id="txtInput" name="txtInput" value="自定义文本">
<input type="button" value="显示idValue" onclick="showIdValue();">
</body>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
跟其他控件的系统 都是引用 对象名.属性名 来访问
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
JS：document.getElementById("ID").setAttribute("你的自定义属性", "自定义属性的值")；
JQuery：$("#ID").attr("你的自定义属性", "自定义属性的值");
JQuery：$("#ID").attr("你的自定义属性", "自定义属性的值");
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
var e = (selector) => {
return document.querySelector(element)
}
var userDefinedEle = e(userDefined)
访问就直接 useDefinedEle. attribute
return document.querySelector(element)
}
var userDefinedEle = e(userDefined)
访问就直接 useDefinedEle. attribute
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
