回答編集履歴
1
ついき
    
        answer	
    CHANGED
    
    | 
         @@ -5,4 +5,26 @@ 
     | 
|
| 
       5 
5 
     | 
    
         
             
            ↓↓↓
         
     | 
| 
       6 
6 
     | 
    
         
             
            document.getElementsByName("pattern")[0]
         
     | 
| 
       7 
7 
     | 
    
         
             
            ```
         
     | 
| 
       8 
     | 
    
         
            -
            質問の補足希望にも書きましたが、何をしたいのかわからないので、上記でエラーは消えますがおそらく想定している動作では無いと思います
         
     | 
| 
      
 8 
     | 
    
         
            +
            質問の補足希望にも書きましたが、何をしたいのかわからないので、上記でエラーは消えますがおそらく想定している動作では無いと思います
         
     | 
| 
      
 9 
     | 
    
         
            +
             
     | 
| 
      
 10 
     | 
    
         
            +
            # 追記
         
     | 
| 
      
 11 
     | 
    
         
            +
            name=beforeの色を赤くしたいというだけならこう
         
     | 
| 
      
 12 
     | 
    
         
            +
            ```javascript
         
     | 
| 
      
 13 
     | 
    
         
            +
            <script>
         
     | 
| 
      
 14 
     | 
    
         
            +
            function changeColor(){
         
     | 
| 
      
 15 
     | 
    
         
            +
              document.querySelector("[name=before]").style.color = "red";
         
     | 
| 
      
 16 
     | 
    
         
            +
            }
         
     | 
| 
      
 17 
     | 
    
         
            +
            </script>
         
     | 
| 
      
 18 
     | 
    
         
            +
            <div id="target">
         
     | 
| 
      
 19 
     | 
    
         
            +
            <h1>innerHTMLのテスト</h1>
         
     | 
| 
      
 20 
     | 
    
         
            +
            <p>これはDOMでinnerHTMLを使ったテストです</p>
         
     | 
| 
      
 21 
     | 
    
         
            +
            <h2>h2タグ</h2>
         
     | 
| 
      
 22 
     | 
    
         
            +
            <h3>h3タグ</h3>
         
     | 
| 
      
 23 
     | 
    
         
            +
            </div>
         
     | 
| 
      
 24 
     | 
    
         
            +
            <form name="pattern">
         
     | 
| 
      
 25 
     | 
    
         
            +
            <p>
         
     | 
| 
      
 26 
     | 
    
         
            +
            <input type "text" name="before">
         
     | 
| 
      
 27 
     | 
    
         
            +
            <input type="button" value="変更" onclick="changeColor()">
         
     | 
| 
      
 28 
     | 
    
         
            +
            </p>
         
     | 
| 
      
 29 
     | 
    
         
            +
            </form>
         
     | 
| 
      
 30 
     | 
    
         
            +
            ```
         
     |