我是 CSS 选择器的新手,我正在尝试获取分配给 value 属性的 CSS 声明项的值:
<input id="textUsername_ClientState" name="textUsername_ClientState" type="hidden" autocomplete="off" value="{"enabled":true,"emptyMessage":"","validationText":"Tom","valueAsString":"Tom","lastSetTextBoxValue":"Tom"}">
基本上,我正在尝试撤回其中一个“Tom”值。我尝试了 document.getElementById("textUsername_ClientState").value.style.getPropertyValue("valueAsString") 但没有成功。
如有任何帮助,我们将不胜感激。
最佳答案
作为新手,您必须学习很多东西。您在声明标签及其属性时应该是正确的
value="{ "enabled":true, "emptyMessage":"", "validationText":"Tom", "valueAsString":"Tom", "lastSetTextBoxValue":"Tom"} "
这一行有一些语法错误
正确的形式是
value='{ "enabled":"true", "emptyMessage":"", "validationText":"Tom", "valueAsString":"Tom", "lastSetTextBoxValue":"Tom"}'
了解'和"之间的区别。
这是JSON字符串的格式。在这个问题中,您必须尝试访问 valueAsString 的值
在尝试获取值之前,您需要使用 JSON.parse() 方法将 json 字符串转换为 javascript 数组。解析后,您可以单独访问这些值。
希望对您有所帮助。
HTML:
<body>
<input id="textUsername_ClientState" name="textUsername_ClientState" type="hidden" autocomplete="off" value='{"enabled":"true","emptyMessage":"","validationText":"Tom","valueAsString":"Tom","lastSetTextBoxValue":"Tom"}'>
<button onclick="cool()">Cool</button>
<script>
function cool()
{
a=document.getElementById("textUsername_ClientState").value;
b=JSON.parse(a);
alert(b.valueAsString);
}
</script>
</body>
关于javascript - 获取 HTML 属性中 CSS 声明的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37314137/