innerHTML 与 innerText 用法

<!DOCTYPE html>

<html>

<head>

  <meta charset="utf-8" />

  <title></title>

</head>

<body>

  // 为标签设定唯一id用于声明

  <textarea id="output" value="" ></textarea>

  <br />

  <br />

  <input id="input" value="哈哈哈">

</body>

<!-- 引用js文件 -->

<script type="text/javascript">

// 获取单行输入框的值

var text = input.value;

// 将值传入textarea标签中

output.innerHTML += text + "\n";

//  \n表示换行符

</script>

</html>

Tips:使用innerHTML或者innerText来获取和设置HTML中普通双标签元素的内容,注意大小写。Text识别为文本格式,HTML则能识别HTML标签及语法。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容