如何获取保存在变量中的HTML代码的任何属性的值

How to get value of any attribute of HTML code that saved in variable?

本文关键字：HTML 代码 任何 属性 变量 存在 何获取 获取 保存      更新时间：2023-09-26

如果我有这个变量X，它包含HTML代码

<form ... >
<p>..</p>
<input name=A value=B>
<input name=B value=C>
.....
</form>

如何通过调用variable来获取input B的value？这可能吗？

最好给HTML元素一个id，然后使用jQuery attr方法。

var element = $('#id');
console.log(element.attr('value'));

如果你不想添加ID，你可以做：

var element = document.getElementsByTagName('input')[1];
console.log(element.attr('value'));

如果您有一个类似的html javascript字符串

var X = "<form ... >
<p>..</p>
<input name='"A'" value='"B'">
<input name='"B'" value='"C'">
.....
</form>";

获取这些输入值的最可靠方法是将HTML插入DOM，这将导致浏览器将字符串解析为HTML，并允许您通过DOM方法获取值

var div = document.createElement("div");  
div.style.display = "none";
document.body.appendChild(div);
div.innerHTML = X;
var valueB = div.getElementsByName("B")[0].value;
相关文章：