如何使用Javascript更改HTML标记

Question

我有一些看起来像这样的HTML代码：

<textarea name="message"></textarea>

我想将其更改为：

<textarea maxlength="300" name="message"></textarea>

如何使用Javascript完成此操作？我从很多不同的地方尝试了很多不同的代码，但它们似乎都没有用。如果需要，我也会接受CSS代码。

Answer 1

如果您不使用jQuery（强烈推荐），请执行以下操作：

var myelement = document.getElementsByName('message')[0];
myelement.setAttribute('maxlength',300);

这是jsFiddle

Answer 2

使用jquery匹配标记元素，然后使用.attr（）函数。

Answer 3

因为你没有使用jQuery：

<textarea id="text" name="message"></textarea>

var element = document.getElementById("text");
element.setAttribute("maxlength","300");

Example

Answer 4

document.querySelector('[name="message"]').setAttribute('maxlength', 300)

Answer 5

$('textarea').attr('maxlength', 300);