如何使用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匹配tag元素，然后使用.attr（）函数。

Answer 3

由于您没有使用jQuery：

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

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

例

Answer 4

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

Answer 5

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