gpt4 book ai didi

javascript - 获取 HTML 属性中 CSS 声明的值

转载 作者:行者123 更新时间:2023-11-28 02:55:25 24 4
gpt4 key购买 nike

我是 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/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com