在获取长度值时尝试在JavaScript中设置字体大小

我试图根据标题的长度将偶数标题ID的属性设置为16px或8px。我已经添加了这段代码，但它似乎并没有在我的网站上生效

var title=document.getElementById（“事件标题”）；
变量长度=title.length；
如果（长度>=14）{
title.setAttribute（'style'，'font-size:8px！important；'）；
}
否则{
title.setAttribute（'style'，'font-size:16px！important；'）；
}

示例标题在这里
示例

有几个问题：

在多个元素上具有相同的

id

值

DOM元素没有

length

属性；您可能需要

.nodeValue.length

或

.innerHTML.length

或

.innerText.length

或

.textValue.length

。（要确定是哪一个，请参阅以了解它们各自是什么。）

var title=document.getElementById（“事件标题”）；
var length=title.innerHTML.length；
如果（长度>=14）{
title.setAttribute（'style'，'font-size:8px！important；'）；
}
否则{
title.setAttribute（'style'，'font-size:16px！important；'）；
}

示例标题如下

有几个问题：

在多个元素上具有相同的

id

值

DOM元素没有

length

属性；您可能需要

.nodeValue.length

或

.innerHTML.length

或

.innerText.length

或

.textValue.length

。（要确定是哪一个，请参阅以了解它们各自是什么。）

var title=document.getElementById（“事件标题”）；
var length=title.innerHTML.length；
如果（长度>=14）{
title.setAttribute（'style'，'font-size:8px！important；'）；
}
否则{
title.setAttribute（'style'，'font-size:16px！important；'）；
}

---

示例标题在这里

您必须获取元素的值，而您没有这样做。为此，请尝试：

var length = title.textContent.length;

另外，请注意，确保标题中没有不希望计算的空白，因为.length方法也会计算空白。例如：

<h2 id="event-title"> Example </h2>

示例

---

而不是预期的长度7，这将给您9。

您必须获得元素的值，而您没有这样做。为此，请尝试：

var length = title.textContent.length;

另外，请注意，确保标题中没有不希望计算的空白，因为.length方法也会计算空白。例如：

<h2 id="event-title"> Example </h2>

示例

---

与预期长度7不同，这将为您提供9。

尽可能多次使用相同的

id

（唯一标识符）？我也可以向title元素添加一个类。您不能在同一文档中的多个HTML元素上使用相同的

id

。这是无效的HTML，可能会在那些

id

上运行的JavaScript中产生未定义的行为。当您必须选择多个元素时，请使用

class

。尽可能多次使用相同的

id

（唯一标识符）？我也可以将类添加到标题元素中。您不能对同一文档中的多个HTML元素使用相同的

id

。这是无效的HTML，可能会在那些

id

上运行的JavaScript中产生未定义的行为。当您必须选择多个元素时，请使用

class

。