value和innerHTML都可以用来获取和修改元素的值（或内容）；不同之处如下：
1）value可以用来修改（获取）textarea和input的value属性的值或元素的内容；
2）innerHTML用来修改（获取）HTML元素（如div）html格式的内容。
<!DOCTYPE html>
<html>
<head>
<title>prototype chain</title>
</head>
<body>
<button id="isLike">点赞</button>
<textarea id="textarea">1</textarea>
<input value="1"/>
<script>
var isLike = 0;
isLikeBtn=document.getElementById("isLike");
var textBtn=isLikeBtn.innerHTML;//innerHTML可以，value不可以
console.log(textBtn);
textarea=document.getElementsByTagName("textarea")[0];
var textTextarex=textarea.value;//innerHTML和value都可以
console.log(textTextarex)
input=document.getElementsByTagName("input")[0];
var textInput=input.value;//value可以，innerHTML不可以
console.log(textInput)
isLikeBtn.onclick = function() {
if(isLike == 0) {
isLikeBtn.innerHTML="取消";//innerHTML可以，value不可以
isLike = 1;
textarea.value="2";//innerHTML和value都可以,但是要与下相同
input.value="2";//value可以，innerHTML不可以
}else {
isLikeBtn.innerHTML="点赞";//innerHTML可以，value不可以
isLike = 0;
textarea.value="1";//innerHTML和value都可以,但是要与上相同
input.value="1";//value可以，innerHTML不可以
}
}
</script>
</body>
</html>
网友评论