我试图弄清楚如何使用 xpath 和 JavaScript(这是这里唯一的选项)在下面的代码中选择文本区域。
<body>
<div id="calculator">
<div id="calculatorController">
<form action="#" method="get" onsubmit="return false">
<p>
<textarea disabled="disabled"></textarea>
</p>
</form>
...
我正在尝试做这样的事情
var element = document.evaluate( '//body/form/p/textarea' ,document, null, XPathResult.ANY_TYPE, null );
// and write back
element.value = "Hello textarea";
但是失败了
有人愿意帮忙吗？
谢谢
在此更新
================================================== =============
整个代码块如下所示。
不要忘记 window.onload=function()
<html>
<head>
<script type='text/javascript'>
//<![CDATA[
window.onload=function(){
var element = document.evaluate( '//body//form/p/textarea' ,document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null ).singleNodeValue;
if (element != null) {
element.value = 'Hello textarea';
}
}
//]]>
</script>
</head>
<body>
<div id="calculator">
<div id="calculatorController">
<form action="#" method="get" onsubmit="return false">
<p>
<textarea disabled="disabled"></textarea>
</p>
</form>
</div>
</div>
</body>
</html>
最佳答案
evaluate 方法不会像您期望的那样返回 DOM 节点。你需要
var element = document.evaluate( '//body//form/p/textarea' ,document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null ).singleNodeValue;
if (element != null) {
element.value = '...';
}
关于javascript - 使用 JavaScript 和 XPath 从 DOM 中选择元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/6466831/