如何使用 Javascript 更改 HTML 标签答案

【问题标题】：How to Change HTML Tags Using Javascript如何使用 Javascript 更改 HTML 标签
【发布时间】：2014-01-21 20:26:26
【问题描述】：

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

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

我想把它改成这样：

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

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

【问题讨论】：

【解决方案1】：

如果你不使用 jQuery（强烈推荐），以下是你的做法：

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

【讨论】：

@Rami Enbashi 答案的精确副本，10 分钟后发布。
抱歉，我自己写的，在写这篇文章的时候没有看到。这是最好的方法。
其实我不介意，我现在心情很不好。因此，我上面的评论是，“这个问题可以改写为'setAttribute 有多少相同的用途？'”
是的，我在某个时候看到过，觉得很有趣。即使有另一种解决方案，也就是使用 jQuery，我也会尝试回答问题，以防万一它有帮助，有时开发人员会感到沮丧。如果有人有时只是给你答案而没有额外的 BS，它会有所帮助，所以这就是我的目标。

【解决方案2】：

使用jquery匹配标签元素，然后使用.attr()函数。

【讨论】：

【解决方案3】：

因为你没有使用 jQuery：

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

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

【讨论】：

【解决方案4】：

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

【讨论】：

【解决方案5】：

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

【讨论】：