如何更改HTML標籤使用JavaScript

Question

我有一些HTML代碼，看起來像這樣：

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

而且我想它改成這樣：這個使用

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

如何可以完成JavaScript的？我從很多不同的地方嘗試了很多不同的代碼，但他們都沒有工作。如果需要，我也會接受CSS代碼。

Answer 1

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

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

這裏的，如果你不使用jQuery（強烈推薦），你怎麼做：

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

這裏是jsFiddle