blocks|key|4805472|text|简短的回答是“不”。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4805473|XPath是一种在DOM中选择元素的方法。它还可用于读取属性和计算值，但不能用于修改DOM。您可能会混淆XSLT，它使用XPath表达式来选择元素，并且可以返回修改后的文档。您可以使用一个通用的XML文档，然后使用XSLT使用不同的XSL样式表生成各种语言的不同文档，比如HTML、XML、postscript等等。|4805474|无论如何，在这种情况下，您为什么要费心使用XPath呢？有一个document.links集合，它需要简单的属性访问，没有函数调用或计算XPath表达式。您可以通过为W3C+textContent或专有MS+innerText属性赋值来更改简单的文本内容(同样，是简单的属性访问而不是函数调用)：|offset|length|4805475|function+modLinks()+{

++var+links+=+document.links;
++var+i+=+links.length;

++while+(i--)+{
++++setText(links[i],+'Visit+'+%2B+getText(links[i])+);
++}
}

//+Simple+helper+functions,+can+be+made+faster+and+more+robust
//+but+sufficient+for+an+example.+

function+getText(el)++{

++if+(typeof+el.textContent+==+'string')+{
++++return+el.textContent;

++}+else+if+(typeof+el.innerText+==+'string')+{
++++return+el.innerText;
++}
}

function+setText(el,+text)++{

++if+(typeof+el.textContent+==+'string')+{
++++el.textContent+=+text;

++}+else+if+(typeof+el.innerText+==+'string')+{
++++el.innerText+=+text;
++}
}|code-block|syntax|javascript|4805476|entityMap|0|LINK|mutability|MUTABLE|url|http://www.w3.org/TR/DOM-Level-3-Core/core.html#Node3-textContent|1|http://msdn.microsoft.com/en-us/library/ms533899%2528v=VS.85%2529.aspx^0|0|0|2F|B|0|2W|9|1|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|X|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|Y|8|@]|9|@$F|Z|G|10|1|11]|$F|12|G|13|1|14]]|A|$]]|$1|H|3|I|5|J|7|15|8|@]|9|@]|A|$K|L]]|$1|M|3|-4|5|6|7|16|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T]]|U|$5|P|Q|R|A|$S|V]]]]

The short answer is "no". 

XPath is a method for selecting elements in a DOM. It can also be used to read attributes and calculate values, but it can't be used to modify the DOM. You might be getting confused with XSLT, which uses XPath expressions to select elements and can return a modified document. You could use a generic XML document, then use different XSL style sheets using XSLT to generate different documents in various languages, say HTML, XML, postscript, and so on.

In any case, why would you bother with XPath in this case? There is a document.links collection that requires simple property access, no function calls or evaluating XPath expressoins. You can change simple text content by assigning to the W3C <a href="http://www.w3.org/TR/DOM-Level-3-Core/core.html#Node3-textContent" rel="nofollow">textContent</a> or proprietary MS <a href="http://msdn.microsoft.com/en-us/library/ms533899%28v=VS.85%29.aspx" rel="nofollow">innerText</a> property (again, simple property access rather than function calls):

<pre><code>function modLinks() {

 var links = document.links;
 var i = links.length;

 while (i--) {
 setText(links[i], 'Visit ' + getText(links[i]) );
 }
}

// Simple helper functions, can be made faster and more robust
// but sufficient for an example. 

function getText(el) {

 if (typeof el.textContent == 'string') {
 return el.textContent;

 } else if (typeof el.innerText == 'string') {
 return el.innerText;
 }
}

function setText(el, text) {

 if (typeof el.textContent == 'string') {
 el.textContent = text;

 } else if (typeof el.innerText == 'string') {
 el.innerText = text;
 }
}
</code></pre>

blocks|key|3018726|text|如果你需要XSLT的全部功能来进行几次转换，你可以使用像sarissa这样的东西。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|3018727|我认为您可能会混淆xPath+expressions和CSS+selectors，因此在这种情况下，我建议使用以下jQuery代码：|3018728|//+Put+a+script+tag+including+jquery.js+here

<div+id="container">
++<a+href="http://google.com">Google</a>
++<a+href="http://yahoo.com">Yahoo</a>
++<a+href="http://msn.com">MSN</a>
</div>

<script>
++++$("a").prepend("Visit+");
++++alert($("#container").html());
</script>|code-block|syntax|javascript|3018729|致以问候。|3018730|entityMap|0|LINK|mutability|MUTABLE|url|http://www.w3.org/TR/xslt|1|http://dev.abiss.gr/sarissa/howtos.html|2|http://www.w3.org/TR/xpath/#section-Expressions|3|http://www.w3.org/TR/CSS2/selector.html|4|http://jquery.com/^0|5|4|0|S|7|1|0|9|H|2|R|D|3|1L|6|4|0|0|0^^$0|@$1|2|3|4|5|6|7|12|8|@]|9|@$A|13|B|14|1|15]|$A|16|B|17|1|18]]|C|$]]|$1|D|3|E|5|6|7|19|8|@]|9|@$A|1A|B|1B|1|1C]|$A|1D|B|1E|1|1F]|$A|1G|B|1H|1|1I]]|C|$]]|$1|F|3|G|5|H|7|1J|8|@]|9|@]|C|$I|J]]|$1|K|3|L|5|6|7|1K|8|@]|9|@]|C|$]]|$1|M|3|-4|5|6|7|1L|8|@]|9|@]|C|$]]]|N|$O|$5|P|Q|R|C|$S|T]]|U|$5|P|Q|R|C|$S|V]]|W|$5|P|Q|R|C|$S|X]]|Y|$5|P|Q|R|C|$S|Z]]|10|$5|P|Q|R|C|$S|11]]]]

If you need full power of <a href="http://www.w3.org/TR/xslt" rel="nofollow">XSLT</a> for making several transformations, you could use something like <a href="http://dev.abiss.gr/sarissa/howtos.html" rel="nofollow">sarissa</a>.

I think you might be confusing <a href="http://www.w3.org/TR/xpath/#section-Expressions" rel="nofollow">xPath expressions</a> with <a href="http://www.w3.org/TR/CSS2/selector.html" rel="nofollow">CSS selectors</a>, so for that case I would recommend to use the following <a href="http://jquery.com/" rel="nofollow">jQuery</a> code:

<pre><code>// Put a script tag including jquery.js here

&lt;div id="container"&gt;
 &lt;a href="http://google.com"&gt;Google&lt;/a&gt;
 &lt;a href="http://yahoo.com"&gt;Yahoo&lt;/a&gt;
 &lt;a href="http://msn.com"&gt;MSN&lt;/a&gt;
&lt;/div&gt;

&lt;script&gt;
 $("a").prepend("Visit ");
 alert($("#container").html());
&lt;/script&gt;
</code></pre>

Regards.

blocks|key|2732555|text|如上所述，XPath不能有效地处理未解析的字符串。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2732556|因此，一种方法是将某个元素(例如，不可见的)的innerHTML设置为您的HTML源字符串。|2732557|这将导致源代码被解析为DOM树。然后，您可以使用myDiv.getElementsByTagName('a')或jQuery+$('a'，myDiv)来查找链接。(您甚至可以使用XPath+.//a，但既然更简单的工具也可以使用，为什么还要使用更复杂的工具呢？)|offset|length|style|CODE|2732558|然后，一旦你修改了字符串，比如有人说使用jQuery+$('a',+myDiv).prepend("Visit+");，你就可以通过检索不可见div的innerHTML属性来输出修改后的超文本标记语言。|2732559|entityMap^0|0|0|2N|4|0|K|13|1Z|3|23|9|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|P|8|@$F|Q|G|R|H|I]]|9|@]|A|$]]|$1|J|3|K|5|6|7|S|8|@$F|T|G|U|H|I]|$F|V|G|W|H|I]|$F|X|G|Y|H|I]]|9|@]|A|$]]|$1|L|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|M|$]]

As mentioned above, XPath doesn't work effectively with unparsed strings.

So one approach would be to set the innerHTML of some element (e.g. an invisible ) to your HTML source string.

This would cause the source to be parsed into a DOM tree. Then you could use myDiv.getElementsByTagName('a') or jQuery $('a', myDiv) to find the links. (You could even use XPath <code>.//a</code>, but why use a more complex tool when a simpler one will do?)

Then once you've modified the strings, e.g. as somebody said using <code>jQuery $('a', myDiv).prepend("Visit ");</code> you could output the modified HTML by retrieving the <code>innerHTML</code> property of the invisible <code>div</code>.

Let say I'm having a HTML source, something like :

<pre><code>&lt;a href="http://google.com"&gt;Google&lt;/a&gt;
&lt;a href="http://yahoo.com"&gt;Yahoo&lt;/a&gt;
&lt;a href="http://msn.com"&gt;MSN&lt;/a&gt;
</code></pre>

Is there any way for me to modify this HTML source with xPath using Javascript : find all anchors, prepend text to them and show the new HTML source using an alert box?

<pre><code>&lt;a href="http://google.com"&gt;Visit Google&lt;/a&gt;
&lt;a href="http://yahoo.com"&gt;Visit Yahoo&lt;/a&gt;
&lt;a href="http://msn.com"&gt;Visit MSN&lt;/a&gt;
</code></pre>

Modify HTML source on-the-fly with xPath using Javascript

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

假设我有一个HTML源代码，如下所示：<a href="http://google.com">Google</a><a href="http://yahoo.com">Yahoo</a><a href="http://msn.com">MSN</a>有没有办法让我用Javascript用xPath修改这个HTML源:找...

问使用Javascript使用xPath动态修改HTML源代码
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用Javascript使用xPath动态修改HTML源代码EN