获取 HTML 属性中 CSS 声明的值答案

【问题标题】：Get value for CSS declaration inside HTML attribute获取 HTML 属性中 CSS 声明的值
【发布时间】：2016-05-19 14:01:09
【问题描述】：

我是 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") 但没用。

任何帮助将不胜感激。

【问题讨论】：

您的问题不清楚。值是输入字段的属性。在这里，您正在尝试将对象（显然）传递给值字段
您的 input 因引号错误而无效，试试这个：<input id="textUsername_ClientState" name="textUsername_ClientState" type="hidden" autocomplete="off" value='{"enabled":true,"emptyMessage":"","validationText":"Tom","valueAsString":"Tom","lastSetTextBoxValue":"Tom"}'> ... 并且 value 没有样式，所以 getPropertyValue 可能不起作用
看起来您正在尝试将输入字段设置为保存 JSON 字符串，但 JSON 不是 CSS，值没有样式，并且您正在使用一大堆不存在的 CSS 属性。
这不是我的代码。我试图提取这些值，然后传递给（分析）标签管理器。 JSON.parse 方法做到了。谢谢。

标签： javascript html css css-selectors

【解决方案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>

【讨论】：