如何使用Javascript更改HTML标记

我有一些HTML代码如下所示：

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

我想把它改成这样：

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

---

如何使用Javascript实现这一点？我在很多不同的地方尝试了很多不同的代码，但似乎都不起作用。如果需要，我也会接受CSS代码。

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

因为您没有使用jquery：

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

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

---

以下是在不使用jQuery的情况下的操作方法，强烈推荐：

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

---

以下是您尝试过的内容。这个问题可以重新表述为setAttribute可以有多少相同的用法？jQuery并不总是答案。我并不总是使用jQuery，但当我使用时，我更喜欢dos point oh。我的朋友们，请保持冷静WorldOP中最有趣的开发人员不想使用jQuery。10分钟后发布了@Rami Enbashi答案的精确副本。我道歉，我自己写的，在写这篇文章时没有看到。这是最好的办法。我其实不介意，我现在心情不好。因此我的上述评论，这个问题可以重新表述为“setAttribute可以有多少相同的用法？”是的，我在某个时候看到了，觉得很有趣。我试图回答问题，即使有另一种解决方案，也可以使用jQuery，以防它有所帮助，有时开发人员会感到沮丧。有时候，如果有人只是给你答案而没有额外的B，这会有所帮助，所以这就是我的目标。

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

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