JavascriptでHTMLのテーブル内の指定箇所にある指定文字を全て置き換えたい

Question

テーブル内の指定箇所にある指定文字を全て置き換えたいです。

以下やってみた事

<table id= "test">
 <tbody>
   <tr>
     <td>名前</td><td>年齢</td><td>性別</td>
   </tr>
   <tr>
     <td>A</td><td>１１</td><td name="a">男性</td>
   </tr>
   <tr>
     <td>B</td><td>１５</td><td name="a">男性</td>
   </tr>
    <tr>
     <td>C</td><td>１３</td><td name="a">男性</td>
   </tr>
    <tr>
     <td>C</td><td>１７</td><td name="a">女性</td>
   </tr>
 </tbody>
</table>

function getRowCol(){
    var row = test.rows.length;
    
    for (var i = 0; i < row; i++) {
        var Name = document.getElementsByName('a')[i].innerHTML;
        Name = Name.replace('男', '女').replace('性', '');
        document.getElementsByName('a')[i].innerHTML = Name;
    }
  }

テーブルのname属性aの部分で、「男」という文字は「女」、「性」と言う文字は空欄（非表示）にし、最終的に性別列は全て「女」としたいのですが上手くいきません。

どうすれば文字を置き換えることができるのでしょうか？

お手数おかけいたしますが、どなたかご教授頂けますとありがたいです。

Answer 1

全部同じにするなら置換する必要すらないのでは。

document.querySelectorAll( 'td[name="a"]' ).forEach( td=> {
  td.innerHTML = '女';
} );
```**動くサンプル：**[https://jsfiddle.net/5uzLpe48/](https://jsfiddle.net/5uzLpe48/)

---

【Document.querySelectorAll() - Web API | MDN】
[https://developer.mozilla.org/ja/docs/Web/API/Document/querySelectorAll](https://developer.mozilla.org/ja/docs/Web/API/Document/querySelectorAll)

Comments

[退会済みユーザー]

ご回答頂ありがとうございます。
また、説明足らずで申し訳ありません。
記載したものはわかりやすく簡略化するために性別欄を男性、女性としていますが、実際使用する物は色んな文字列の中から指定した文字のみ指定の文字に置き換える、という動きをさせたいので、全てを女にするとは少し違ってきます。
例＞<tr><td>りんご！</td></tr>
<tr><td>ばなな！</td></tr>
<tr><td>みかん！</td></tr>
　　　　　　↓
<tr><td>りんご？</td></tr>
<tr><td>ばなな？</td></tr>
<tr><td>みかん？</td></tr>

といった感じです。

[kei344]

https://jsfiddle.net/kdr8e95c/
特に内容は変わりませんが、置換が必須なら置換すればよいだけですよ。

[退会済みユーザー]

大変失礼致しました。
querySelectorAllを使用すればfor文を使用せずにreplaceで全て置き換えることが可能なのですね。
ありがとうございます。
本当に助かりました。
お手数をおかけいたしました。

Answer 2

 getRowCol();