Question

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

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

基本上我试图退回其中一个＆＃34; Tom＆＃34;值。我尝试了 document.getElementById（＆＃34; textUsername_ClientState＆＃34;）。value.style.getPropertyValue（＆＃34; valueAsString＆＃34;）但它没有用。

非常感谢任何帮助。

Answer 1

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

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>

获取HTML属性中的CSS声明值

1 个答案:

value =“{”enabled“：true，”emptyMessage“：”“，”validationText“：”Tom“，”valueAsString“：”Tom“，”lastSetTextBoxValue“：”Tom“}”

value ='{“enabled”：“true”，“emptyMessage”：“”，“validationText”：“Tom”，“valueAsString”：“Tom”，“lastSetTextBoxValue”：“Tom”}'