前提
テキストボックスに色を変えたいテキストを入力し、ボタンを押すことで色を変えるシステムを作っています。エラーが発生してしまったため解決方法が知りたいです。
発生している問題・エラーメッセージ
Uncaught TypeError: Cannot set properties of undefied(setting 'color')
該当のソースコード
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>DOMの例</title> <script> function changeColor(){ var target = document.getElementById("target"); var after = document.getElementsByName("pattern").style.color = "red"; //テキストボックスに入力した文字の抽出 var regExp = new RegExp(document.pattern.before.value, "g"); //抽出した文字列を赤色の文字列に置換 target.innerHTML = target.innerHTML.replace( regExp,after); } </script> </head> <body> <div id="target"> <h1>innerHTMLのテスト</h1> <p>これはDOMでinnerHTMLを使ったテストです</p> <h2>h2タグ</h2> <h3>h3タグ</h3> </div> <form name="pattern"> <p> <input type "text" name="before"> <input type="button" value="変更" onclick="changeColor()"> </p> </form> </body> </html>
回答3件
あなたの回答
tips
プレビュー