Javascript 如何从td类中获取innerText（粗体）？

我有一张这样的桌子：

<div class="table">
                 <table>

                    <tr>
                        <th>FORce</th>
                        <th>DEXtérité</th>
                        <th>CONstitution</th>
                        <th>INTelligence</th>
                        <th>SAGesse</th>
                        <th>CHArisme</th>
                    </tr>

                     <tr class="chiffres">
                        <td class = "FOR">

                        </td>

                        <td class = "DEX">

                        </td>

                        <td class= "CON">

                        </td>

                        <td class ="INT">

                        </td>

                        <td class="SAG">

                        </td>

                        <td class="CHA">

                        </td>
                     </tr>


                </table>

            </div>

<label><input type="radio" id = "radio7" 
name="radio1"/> Clerc</label>

如何使SAG.innerText>=x number时，我选择的id变为粗体

此外，我使用和匿名函数在页面加载时执行我的函数

aPar[4].addEventListener("load", Recommand());

我的TD类持有一个数字，该数字将与我的单选按钮直接相关，单选按钮也有一个innerText值我的“radio7”ID看起来有点像这样：

<div class="table">
                 <table>

                    <tr>
                        <th>FORce</th>
                        <th>DEXtérité</th>
                        <th>CONstitution</th>
                        <th>INTelligence</th>
                        <th>SAGesse</th>
                        <th>CHArisme</th>
                    </tr>

                     <tr class="chiffres">
                        <td class = "FOR">

                        </td>

                        <td class = "DEX">

                        </td>

                        <td class= "CON">

                        </td>

                        <td class ="INT">

                        </td>

                        <td class="SAG">

                        </td>

                        <td class="CHA">

                        </td>
                     </tr>


                </table>

            </div>

<label><input type="radio" id = "radio7" 
name="radio1"/> Clerc</label>

Clerc

---

我想加粗的是收音机中的“Clerc”字符串。

使用

document.getElementsByClassName（）

时，它返回一个数组。所以你必须这样使用它：

if(document.getElementsByClassName("SAG")[0].innerText >= 13)
{
    ...
}

<label id="radio7"><input type="radio" name="radio1"/>Clerc</label>

这意味着您将得到第一个类为“SAG”的元素。如果有更多相同的元素，您可以尝试在它们之间循环

编辑：文本在标签内，而不是单选按钮内，因此您可以将id放入单选按钮内，然后重试。或者可以使用JQuery获取输入元素的父元素，然后应用样式

我想说的是，你必须这样说：

if(document.getElementsByClassName("SAG")[0].innerText >= 13)
{
    ...
}

<label id="radio7"><input type="radio" name="radio1"/>Clerc</label>

---

这只是在文本前后添加了

和

，从而使其变为粗体。

innerText返回一个字符串。。。。将样式应用于TD和aPar[4].addEventListener（“load”，Recommand（））是错误的。什么是aPar[4]？您的函数调用该方法并设置它返回给事件侦听器的任何内容。而且，由于您的方法似乎不返回任何内容，因此您正在将undefined赋值给事件侦听器。var oDoc=document；var aPar=oDoc.querySelectorAll（“p”）；当我进入我的网站的下一部分时，我使用方法来加载我的函数，因为我不允许使用多个HTML页面，我认为这会起作用。

p

元素没有加载事件。……这不是问题。。问题是，它显示的是“style=”font-weight:bold；“当我检查HTML代码时……但它不适用这是一个问题。一个错误是你的代码首先运行的唯一原因。显然，将ID放在标签内是有效的！非常感谢！