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

document.writeなしでJavaScript変数をHTMLページに表示するにはどうすればよいですか？

Element.innerHTMLを使用します JavaScriptで、document.writeを使用せずにJavaScript変数をHTMLページに表示します。

次のコードスニペットを試してみることができます-

var $myName = document.querySelector('.name');
var $jsValue = document.querySelector('.jsValue');

$myName.addEventListener('input', function(event){
   $jsValue.innerHTML = $myName.value;
}, false);

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

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

  2. JavaScriptでテキストボックスの値を表示する方法は？

    valueを使用してテキストボックスから値を抽出し、innerHTMLを使用して段落に表示できます。 例 以下はコードです- <!DOCTYPE html> <html lang="en"> <head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">