0

私はJavaScriptの初心者です.JavaScriptまたはjqueryでDOM操作を行っていました.

JavaScript変数にある「p」タグをキャッチしようとしましたが、機能しません誰かが必要な修正をしてください.

答えは、javascriptまたはjqueryを使用して与えることができます。どちらも私にとってはうまくいきます

ここでも同様の質問がいくつかありました（HTMLページ全体が1つのjavascript変数にある場合のタグの取得）[この質問で混乱した説明をして申し訳ありません]

W3Schools

<!DOCTYPE html>
<html>
<body>

<p>The DOM is very useful!</p>
<p>This example demonstrates the <b>getElementsByTagName</b> method.</p>

<script>
var myHTML ='<p>Hello World</p>'
x=myHTML.getElementsByTagName("p");
document.write("Text of first paragraph: " + x[0].innerHTML);
</script>

</body>
</html>

私はすでにこの同様の質問get-content-of-a-div-using-javascriptとdom-javascript-get-text-after-tag を見てきました

私の質問に答えない

私のシナリオは
、すべての html ページが 1 つの javascript 変数にあり、それを自分のページに追加する必要がありますが、2 つの body または HTML tag を持つことができないため、それを行うことができません。タグで分割する必要があります.....しかし、要素全体がjavascript変数にあります! どうすればいいですか？

4

5 に答える 5

1

わかりました、これをまっすぐにさせてください。この行「最初の段落のテキスト: Hello World」をドキュメントに追加します。

デモはこちら

JS

var myHTML=document.getElementsByTagName("p");
myHTML[0].innerHTML="Text of first paragraph:Hello World "+myHTML[0].innerHTML;

説明: タグ "p" を持つすべての要素を myHTML という var に保存しています。これで myHTML はノードリストになりました。nodeList は配列のようなものです。

SO 配列の要素を呼び出すようにノードリストの要素を呼び出します

したがって、最初の段落は myHTML[0] になります。次の行が目的を果たすように、テキストを最初の段落に追加します。

 myHTML[0].innerHTML="Text of first paragraph:Hello World "+myHTML[0].innerHTML;

編集: OP からさらに明確にすると、OP には目的のテキストを含む別の「p」タグが必要であることがわかります。

デモ

コード

var myHTML ='Hello World';
var para = document.createElement("p");
para.innerHTML="Text of first paragraph: " +myHTML;
document.body.appendChild(para);
于 2013-09-06T06:46:19.987 に答える
1

なぜ単純にこれをしないのですか：

<!DOCTYPE html>
<html>
<body>


<p>The DOM is very useful!</p>
<p>This example demonstrates the <b>getElementsByTagName</b> method.</p>

<script>
var myHTML ='<p>Hello World</p>';
document.write("Text of first paragraph: " + myHTML);
</script>

</body>
</html>

内部テキストのみの場合:

<script>
var myHTML ='<p>Hello World</p>';
var para = document.createElement('P');
para.innerHTML=myHTML;   
document.write("Text of first paragraph: " + $(para).find('P').text());
</script>
于 2013-09-06T06:31:49.453 に答える