当前位置: 首页 > 知识库问答 >
问题:

javascript - JavaScript中textarea元素的值获取方法?

伯鸿达
2024-04-29

<body>
<textarea id="text" name="" id="" cols="30" rows="10"></textarea>
<button id="btn">提交</button>
<script>

var text = document.getElementById("text"),    btn=  document.getElementById("btn");btn.onclick = function () {  // var info = text.value;//方法一  var info = text.innerHTML;//方法二  console.log(info);}</script>

</body>
使用方法2不生效,是空值(纯空白,不是null),现版本innerHTML不能用吗

有没有大佬知道,新手刚上路

共有2个答案

后凯捷
2024-04-29

文档约定表单控件类的取值是.value
具有内部 HTML 内容的 DOM 元素,例如 <div>、<span>、<td>、<th> 等,都适用于 innerHTML 属性。


textarea你可以理解为是webkit实现的 Web Components组件,你对他使用.innerHTML进行获取不生效,是因为他内部使用的是 Shadow DOM,即使你进行了赋值,审查元素也可以看到加上去了,但是页面是不会显示的,因为内部有自己的DOM实现逻辑。至于.value 还是.xxx 你在Web Components内部都可以自己定义。
image.png

当你看完这个教程和这个源码,或许你就可以理解了

赏彭薄
2024-04-29

innerHTML拿的是标签开始和结尾中间的内容,比如<div>这里才是取的内容</div>
textarea是闭合标签,没有这些东西

 类似资料:
  • 本文向大家介绍JavaScript中获取HTML元素值的三种方法,包括了JavaScript中获取HTML元素值的三种方法的使用技巧和注意事项,需要的朋友参考一下 JavaScript中取得元素的方法有三种:分别是: 1、getElementById() 方法:通过id取得HTML元素。 2、getElementsByName()方法:通过name取得元素,是一个数组。 3、getElements

  • 我正在尝试本地化元素的xpath,然后获取该元素的内容(这是一个文本,一个灰色字段),并将其与预期的字符串进行比较。 所以我准备了xpath: 当我试图获取这个元素的内容时,它不会返回任何东西。 我使用for是因为它是具有相同xpath的元素列表。 非常感谢。

  • 本文向大家介绍JavaScript获取表单内所有元素值的方法,包括了JavaScript获取表单内所有元素值的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JavaScript获取表单内所有元素值的方法。分享给大家供大家参考。具体如下: 下面的JS代码可以遍历指定表单中的所有元素,并输出元素的值 希望本文所述对大家的javascript程序设计有所帮助。

  • 本文向大家介绍JavaScript中常见获取元素的方法汇总,包括了JavaScript中常见获取元素的方法汇总的使用技巧和注意事项,需要的朋友参考一下 常见的获取元素的方法有3种,分别是通过元素ID、通过标签名字和通过类名字来获取。 getElementById DOM提供了一个名为getElementById的方法,这个方法将返回一个与之对应id属性的节点对象。使用的时候请注意区分大小写。 它是

  • 本文向大家介绍JavaScript获取指定元素位置的方法,包括了JavaScript获取指定元素位置的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JavaScript获取指定元素位置的方法。分享给大家供大家参考。具体如下: 希望本文所述对大家的javascript程序设计有所帮助。

  • 问题内容: 我正在寻找一种从样式标签中设置了样式的元素中检索样式的方法。 在身体里 我正在寻找不使用库的直接javascript。 我尝试了以下操作,但始终收到空白: 我注意到,如果我已使用javascript设置了样式,但无法使用样式标签,则只能使用以上内容。 问题答案: 该属性仅让您知道在该元素中定义为内联的CSS属性(以编程方式或在元素的style属性中定义),应该获取计算出的style。