Question

如果我的变量X包含HTML代码

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

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

Answer 1

如果您为HTML元素指定一个id，然后使用jQuery attr方法，那会更好。

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

如果您不想添加ID，可以执行以下操作：

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

Answer 2

如果你有像这样的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;

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

2 个答案: