Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScriptを使用しての値を変数に抽出しますか？

の値を抽出するには、-

を使用します 
document.getElementById(“yourTextIdValue”).textContent
例 

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initialscale=
1.0">
<title>Document</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>
<svg>
<text id="myText" x="100" y="100">This is the JavaScript....
</text>
</svg>
<script>
   var originalText = document.getElementById("myText").textContent;
   console.log(originalText);
</script>
</body>
</html>

上記のプログラムを実行するには、ファイル名 anyName.html（index.html）を保存するだけです。 ファイルを右クリックして、VSCodeEditorでライブサーバーで開くオプションを選択します。

出力

これにより、次の出力が生成され、値が表示されます-

JavaScriptを使用して text の値を変数に抽出しますか？


  1. HTML divをJavaScriptのテキスト要素に置き換えますか？

    これには、document.querySelectorAll（）を使用します。それで、getElementsByClassName（）も使用します。次のコードは- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initialscale=1.0"> <title&g

  2. ドキュメント全体のHTMLをJavaScriptで文字列として取得するにはどうすればよいですか？

    ドキュメントのHTML全体を文字列として取得するには、-のようなinnerHTMLの概念を使用します。 document.documentElement.innerHTML; 例 以下はコードです- <!DOCTYPE html> <html lang="en"> <head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-widt