获取HTML属性中CSS声明的值

Get value for CSS declaration inside HTML attribute

本文关键字：声明 CSS HTML 属性 获取      更新时间：2023-09-26

我是CSS选择器的新手，我正在尝试获取分配给value属性的CSS声明项的值：

<input id="textUsername_ClientState" name="textUsername_ClientState" type="hidden" autocomplete="off" value="{"enabled":true,"emptyMessage":"","validationText":"Tom","valueAsString":"Tom","lastSetTextBoxValue":"Tom"}">

基本上，我试图收回"汤姆"的一个价值观。我尝试了document.getElementById（"textUsername_ClientState"）.value.style.getPropertyValue（"valueAsString"），但没有成功。

如有任何帮助，我们将不胜感激。

作为一名新手，你必须学习很多东西。声明标记及其属性时应该是正确的

value="｛"enabled"：true，"emptyMessage"："，"validationText"："Tom"，"valueAsString"："汤姆"，"lastSetTextBoxValue"："Tom"｝"

这行有一些语法错误

正确的形式是

value='"enabled"："true"，"emptyMessage"："，"validationText"："Tom"，"valueAsString"："汤姆"，"lastSetTextBoxValue"："Tom"}'

了解"answers"之间的区别。
这是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>
相关文章：