Question

我有一张看起来像这样的表：

<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>

这是我的Javascript代码：

function Recommand(){

if(document.getElementsByClassName("SAG").innerText >= 13)
    {
        document.getElementById("radio7").innerText.style.fontWeight="bold";
    }
}

我如何制作它，以便如果SAG.innerText＆gt; = x number，我选择的ID变为粗体？

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

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

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

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

我想成为大胆的是来自收音机的“Clerc”字符串。

Answer 1

使用document.getElementsByClassName()时，它会返回一个数组。所以你必须像这样使用它：

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

这意味着你将获得第一个拥有类＆＃34; SAG＆＃34;的元素。如果你有更多相同的元素，你可以尝试循环它们。

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

我所说的是你必须这样说：

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

而不是使用style.fontWeight应用它，您可以将文本更改为粗体，如下所示：

document.getElementById("radio7").innerText= "<b>" + document.getElementById("radio7").innerText + </b>;

这只会在文字之前和之后添加<b>和</b>，从而使其变为粗体。

你怎么从td类获得innerText，加粗？

1 个答案: