开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

innerhtml返回undefined，但该元素存在

问题描述：当使用 innerHTML 属性获取元素的内容时，返回的结果是 undefined，但是该元素确实存在。

解答：当 innerHTML 返回 undefined 时，可能有以下几种原因：

元素尚未完全加载：在获取元素的 innerHTML 之前，确保元素已经完全加载到 DOM 中。可以使用 window.onload 事件或者将脚本放在页面底部来确保元素已经加载。
元素不存在：确认要获取 innerHTML 的元素确实存在于 DOM 中。可以通过检查元素的 id 或者使用 document.getElementById() 方法来确定元素是否存在。
元素是空元素：如果要获取 innerHTML 的元素是一个空元素（例如 <div></div>），那么 innerHTML 返回的结果将是空字符串。可以通过在元素内添加内容后再获取 innerHTML 来验证。
元素是隐藏元素：如果要获取 innerHTML 的元素是一个隐藏元素（例如 display: none），那么 innerHTML 返回的结果也将是空字符串。可以通过将元素显示出来后再获取 innerHTML 来验证。
元素是表单元素：对于表单元素（例如 input、textarea），获取 innerHTML 将返回 undefined。可以使用 value 属性来获取表单元素的值。

综上所述，当 innerHTML 返回 undefined 时，需要确保元素已经加载到 DOM 中，元素存在且不是空元素或隐藏元素，并且不是表单元素。如果问题仍然存在，可能是由于其他代码逻辑或浏览器兼容性问题导致，可以进一步排查和调试。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）、腾讯云对象存储（COS）、腾讯云数据库（TencentDB）。

腾讯云产品介绍链接地址：

腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
腾讯云数据库（TencentDB）：https://cloud.tencent.com/product/cdb

相关搜索:BeautifulSoup返回None，但该元素确实存在为什么我的代码在innerHtml上返回"undefined“？与嵌套的iFrames中的元素交互，该元素存在于页面上，但返回null 仅当图像元素存在时才返回该元素，否则返回图标-React本机 typeof返回object，但出现错误："undefined is not an object“使用Python的BeautifulSoup保持返回null，即使该元素存在 Javascript - getElementsByTagName对于某些元素返回undefined 找到JQuery元素，但该元素不可单击 Node - req.body具有值，但返回undefined getElementById返回元素，但随后返回null 需要对象，但该对象确实存在 Jmeter抛出NoSuchMethodException，但该方法确实存在如何修复“Git标签已存在”但该标签不存在？即使元素存在，WebDriverWait也无法定位该元素在Javascript中运行函数，但最后总是返回'undefined‘返回类型不包括“”undefined“”，但开关是详尽的值存在时，在Javascript中设置Cookie返回undefined 在onload事件之后，iframe元素返回undefined吗？JPARepository findAllByUsername返回null，但数据存在 Mocha/Chai -测试以仅在元素存在、显示或存在时单击该元素

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

jQuery之html()的实现

i = 0, l = this.length; //如果是html()，即使读取目标元素的innerHTML的话 if (value === undefined && elem.nodeType...{}, i = 0, l = this.length; //如果是html()，即使读取目标元素的innerHTML的话 if (value === undefined...= value; } } } （3）源码实现源码： // html()方法设置或返回被选元素的内容（innerHTML） // 当该方法用于返回内容时，则返回第一个匹配元素的内容...elem.innerHTML = value; } } } // html()方法设置或返回被选元素的内容（innerHTML） // 当该方法用于返回内容时...，则返回第一个匹配元素的内容 // 当该方法用于设置内容时，则重写所有匹配元素的内容 // http://www.runoob.com/jquery/html-html.html // 源码

1.5K1 0

ES2020 骚操作：可选链 ?.

.innerHTML; // 如果 document.querySelector('.elem') 的结果为 null，则会出现错误同样，如果该元素不存在，则访问 null 的 .innerHTML...前面的部分是 undefined 或者 null，它会停止运算并返回该部分。为了简明起见，在本文接下来的内容中，我们会说如果一个属性既不是 null 也不是 undefined，那么它就“存在”。...prop：如果 value 存在，则结果与 value.prop 相同，否则（当 value 为 undefined/null 时）则返回 undefined。下面这是一种使用 ?....使用在一些东西可以不存在的地方。例如，如果根据我们的代码逻辑，user 对象必须存在，但 address 是可选的，那么我们应该这样写 user.address?....prop —— 如果 obj 存在则返回 obj.prop，否则返回 undefined。 obj?.[prop] —— 如果 obj 存在则返回 obj[prop]，否则返回 undefined。

7501 0

ES2020 系列：可选链 ?. 为啥出现，我们能用它来干啥？

.innerHTML; // 如果 document.querySelector('.elem') 的结果为 null，则会出现错误同样，如果该元素不存在，则访问 null 的 .innerHTML...前面的部分是 undefined 或者 null，它会停止运算并返回该部分。为了简明起见，在本文接下来的内容中，我们会说如果一个属性既不是 null 也不是 undefined，那么它就“存在”。...prop：如果 value 存在，则结果与 value.prop 相同，否则（当 value 为 undefined/null 时）则返回 undefined。下面这是一种使用 ?....使用在一些东西可以不存在的地方。例如，如果根据我们的代码逻辑，user 对象必须存在，但 address 是可选的，那么我们应该这样写 user.address?....prop —— 如果 obj 存在则返回 obj.prop，否则返回 undefined。 obj?.[prop] —— 如果 obj 存在则返回 obj[prop]，否则返回 undefined。

9354 0

利用 leanCloud 实现点赞功能

getCount.find().then(results => { getCount.find().then(results => { //成功返回数据=>获取云端计数=>写入到元素...|| 返回空数据=>写入到元素 results.length>=1 ?...console.log("Save Error.") }) } }) } 最后在执行代码前不要忘了判断一下 el_ 元素是否存在...=undefined ?...el.innerHTML=likeNum : el.innerHTML=0; //满足条件写入元素 updateAttr(objId,upAttr,1); //调用数据更新函数发送到云端

1311 0

JavaScript笔记(三)

onclick 用户点击 HTML 元素 onmouseover 用户在一个HTML元素上移动鼠标 onmouseout 用户从一个HTML元素上移开鼠标 onkeydown 用户按下键盘按键 onload... //点击按钮，按钮上面的文字会变为现在的时间 //使用 this.innerHTML 修改自身元素的内容运算符 + - * / % ++ – 加法减法乘法除法取模（余数）...break; case 2: 执行代码块 2 break; default: //用 default 关键词来规定匹配不存在时做的事情...该循环会在检查条件是否为真之前执行一次代码块，然后如果条件为真的话，就会重复这个循环。...表示一个空对象引用 undefined typeof undefined 返回 undefined 是一个没有设置值的变量类型转换在 JavaScript 中有 6 种不同的数据类型： string

9972 0

JavaScript笔记总结(三)

onclick 用户点击 HTML 元素 onmouseover 用户在一个HTML元素上移动鼠标 onmouseout 用户从一个HTML元素上移开鼠标 onkeydown 用户按下键盘按键 onload... //点击按钮，按钮上面的文字会变为现在的时间 //使用 this.innerHTML 修改自身元素的内容运算符 + - * / % ++ – 加法减法乘法除法取模（余数）...break; case 2: 执行代码块 2 break; default: //用 default 关键词来规定匹配不存在时做的事情...该循环会在检查条件是否为真之前执行一次代码块，然后如果条件为真的话，就会重复这个循环。...表示一个空对象引用 undefined typeof undefined 返回 undefined 是一个没有设置值的变量类型转换在 JavaScript 中有 6 种不同的数据类型： string

9255 2

JavaScript初探一（认识JavaScript）

JavaScript的输出显示方案 window.alert() //写入警告框 document.write() //写入HTML输入 innerHTML // 写入HTML元素 console.log...() // 写入浏览器控制台 innerHTML 访问HTML元素，JavaScript可以使用document.getElementById(id) id：属性定义HTML元素 innerHTML...typeof "" //返回 String typeof "bill" //返回 String typeof 110 //返回 number var person ; person = undefined...被看做不存在的事物。但js中，NULL的数据类型是对象。可以把NULL看做是一个js的bug 可以通过设置值是 null 清空对象。...typeof 运算符可以返回以下原始类型之一： String（字符串） number（数值） boolan（布尔值） undefined 复杂数据 typeof返回以下以下复杂两个类型： function

1.4K3 0

什么场景不适合箭头函数

当调用该方法时，this 将指向该方法所属的对象。...但是，箭头函数会在声明上静态绑定上下文，并且无法使其动态化，但这种方式有坏也有好，有时候我们需要动态绑定。在客户端编程中，将事件侦听器附加到DOM元素是一项常见的任务。...当发生单击事件时，浏览器尝试使用按钮上下文调用处理函数，但箭头函数不会更改其预定义的上下文。this.innerHTML相当于window.innerHTML，没有任何意义。...必须应用函数表达式，该表达式允许根据目标元素更改 this： const button = document.getElementById('myButton'); button.addEventListener...---- 代码部署后可能存在的BUG没法实时知道，事后为了解决这些BUG，花了大量的时间进行log 调试，这边顺便给大家推荐一个好用的BUG监控工具 Fundebug。

8201 0

JQuery分析及实现part3之属性模块功能及实现

innerHTML 属性值否则,表示设置指定 dom 元素的 innerHTML 属性实行思路判断是否传入参数如果没穿,获取 itcast 对象上的第一个 dom 元素的 innerHTML...属性值否则,给 itcast 对象上的每一个 dom 元素设置 innerHTML 属性 html: function(html) { //如果没有给html传值,表示获取 if(html==undefined...){ //如果icast没有任何dom元素,就返回一个期望值,即空字符串 //如果有的话,就返回一个dom元素的innerHTML属性值 return this[0] ?...(v){ v.innerHTML = html; }); } }, text方法功能不传值,表示获取文本节点(返回的是后代中所有文本节点值) 传值,设置指定 dom 元素文本值实现思路...value属性值 // 如果itcast对象上没有任何dom元素，返回空字符串 if(value == undefined){ return this[0] ?

5143 0

【前端面试题】03—200+道常见JavaScript基础面试题上（附答案）

null用来表示尚未存在的对象，常用来表示函数企图返回一个不存在的对象。 undefined表示“缺少值”，即此处应该有一个值，但是还没有定义，典型用法是如下。...（1）如果变量声明了，但没有赋值，它就等于 undefined （2）当调用函数时，如果没有提供应该提供的参数，该参数就等于 undefined。...（3）如果对象没有赋值，该属性的值为 undefined。（4）当函数没有返回值时，默认返回 undefined。 null表示“没有对象”，即此处不应该有值，典型用法是如下。...未声明的变量是程序中不存在且未声明的变量。如果程序尝试读取未声明变量的值，则会在运行时遇到错误。未定义的变量是在程序中声明但尚未给出任何值的变量如果程序尝试读取未定义变量的值，则返回未定义的值60....（4）整个 innerHTML内容被重新解析并构建成元素，因此它的速度要慢得多。（5） innerHTML不提供验证，因此可能会在文档中插入具有破坏性的HTML并将其中断。

4.6K1 0

从零开始学 Web 之 DOM（三）innerText与innerHTML、自定义属性

2、获取成对标签中文本内容：在 IE8 下使用 textContent 获取成对标签中文本内容，返回值为 undefined。那么说明，浏览器不支持的属性的类型都为 undefined....通过判断元素有无 textContent 属性（没有则元素的 textContent 属性为 undefined）来决定用 innerText 还是 textContent。...console.log(pObj.getAttribute("hello")); // world 1、标签中自定义的属性是不能通过DOM对象.属性的方式获取的，因为这个属性在DOM里面不存在...，强行获取只能是 undefined。...PS：removeAttibute 也可以用来移除元素自带的属性，比如类 class 属性等。removeAttribute("class")

1.1K3 0

读Zepto源码之属性操作

相当复杂的表达式返回的值 : value 值存在时，就进行相当复杂的三元表达式运算，否则返回原值。...this[0].innerHTML : null) 先来看看获取值，0 in this 是判断集合是否为空，如果为空，则返回 null ，否则，返回的是集合第一个元素的 innerHTML 属性值。...=null ，则返回获取到的属性值，否则返回 undefined 。再来看设置值的情况： this.each(function(idx) { if (this.nodeType !...deserializeValue(data) : undefined 如果 data 不严格为 null 时，调用 deserializeValue 序列化后返回，否则返回 undefined 。...这个我也不太明白，因为在获取值时，attr 方法对不存在的属性返回值为 undefined ，用 !== undefined 判断会不会更好点呢？

1.8K0 0

JavaScript基本入门教程

join() 把数组中的所有元素放入到字符串中，按照指定的字符串分隔 pop() 删除最后一个元素并返回 push() 向数组的末尾添加一个或者更多个元素，并返回数组的长度 reverse() 颠倒数组中元素的顺序...访问数组元素时不会产生数组越界，访问未赋值的数组元素的时候，该元素的值为undefined 2）全局函数 A.eval()函数：计算JavaScript字符串，并把它当做脚本代码来执行。...，值及类型根据return决定，如果未return具体值，返回值为undefined； JavaScript函数若同名，则不存在方法重载，只有方法相互覆盖，最后定义的函数覆盖之前的定义；因为JavaScript...，如果找不到，返回null getElementsByName(); ---通过元素的name属性获取符合要求的所有元素 getElementsByTagName(); ---通过元素的元素名属性获取符合要求的所有元素...如果在HTML元素的onclick属性指定JavaScript脚本，如果在这些脚本使用了this关键字，那么该关键字指向HTML元素本身。代码案例1： <!

4.1K2 0

一篇文章带你了解JavaScript类型转换

通过该String()函数，将值true传递给参数，从而将布尔值转换为字符串。 String(true);// 返回 "true" 数字传递给函数。... document.write( Boolean(0) + "" + Boolean("") + "" + Boolean(undefined) + ""...该join()方法还将数组的所有元素转换为新的字符串。此方法的行为类似于toString()，还可以指定分隔符。...将字符串转换为数组该split()方法将字符串拆分为子字符串数组，然后返回新数组，使用该split()方法通过以表示的空格字符分隔数组 " "。...arr变量中有了一个新数组，可以使用索引号访问每个元素。 arr[0]; // Air arr[2]; // is 使用“ i”作为分隔符。

8523 0

JavaScript 可选链（optional chaining）

，但这个 DOM 元素可能不存在： // 当 querySelector(...)...前面的值为 undefined 或 null 时，会立即阻止代码的执行，并返回 undefined。...例如，根据我们的代码逻辑，user 对象必须存在，但 address 属性是可选的，所以 user.address?.street 才是更好的选择。...prop —— 如果 obj 存在则返回 obj.prop，否则返回 undefined。 obj?.[prop] —— 如果 obj 存在则返回 obj[prop]，否则返回 undefined。...() —— 如果 obj.method 存在则调用 obj.method()，否则返回 undefined。这几种形式都是检查 ?.

1.2K2 0

浅谈自执行函数（立即调用的函数表达式）

前者是函数自执行后返回值给 i ；后者是声明一个函数，函数名为 j 。...(i){ console.log(i); // undefined,undefined,undefined })() ,300); } 2. html元素绑定事件假设要对页面上的元素安装点击相同的点击事件...，能得到该元素所在的索引，但实际是，点击每个p，索引值都是5，而对应的元素都是undefined。...分析：这种现象和上面的延时器类似，JavaScript在执行for循环语句时，负责给元素安装点击事件，但当用户点击元素触发事件时，for循环语句早就执行完毕了，此时的 i 自然是5了。...); }); } // 把索引 k 保存在元素的属性中。

3.5K3 0

50道常见的js面试题

null用来表示尚未存在的对象 undefined表示"缺少值"，就是此处应该有一个值，但是还没有定义。典型用法是： 1、变量被声明了，但没有赋值时，就等于undefined。...2、调用函数时，应该提供的参数没有提供，该参数等于undefined。 3、对象没有赋值的属性，该属性的值为undefined。 4、函数没有返回值时，默认返回undefined。...Javascript解析引擎在读取一个Object的属性的值时，会沿着2(原型链)向上寻找，如果最终没有找到，则该属性值为undefined；如果最终找到该属性的值，则返回结果。...与这个过程不同的是，当javascript解析引擎执行“给一个Object的某个属性赋值”的时候，如果当前Object存在该属性，则改写该属性的值，如果当前的Object本身并不存在该属性，则赋值该属性的值...(1)元素节点：nodeType ===1; (2)文本节点：nodeType ===3; (3)属性节点：nodeType ===2; 47.innerHTML和outerHTML的区别 innerHTML

3.5K1 0

关于后端代码的总结_辐射4最强防具代码

共有4中情况会出现undefined的值变量声明且没有赋值 var obj; alert(obj);//obj值为undefined 获取对象中不存在的属性时 var obj; alert(obj.name...printNum();//调用函数未传递参数，执行函数的时候num的值是undefined alert(result); //result的值也是undefined，因为printNum()没有返回值...如果是，则对字符串进行解析，直到到达数字的末端为止，然后以数字返回该数字，而不是作为字符串。...(节点) 创建新的 HTML 元素要创建新的 HTML 元素 (节点)需要先创建一个元素，然后在已存在的元素中添加它。...text); //获取一个页面已经存在的元素 var div=document.getElementById("div1"); //添加新创建的元素p到已经存在的元素div中 div.appendChild

3.2K2 0

Vue 2x 中使用 render 和 jsx 的最佳实践（2）

，这是因为对应的回调函数是React内部帮我们去进行调用的，React无法确定对应的this所以采用的是callback.apply(undefined,[])方式调用，改变了this的指向为undefined...： type 当前ReactElement的类型，如果是标签元素，那么使用字符串表示“div”，如果是组件元素直接使用组件的名称就可以。...config 我们在JSX中绑定的属性会在config对象中以键值对的形式存在。...Virtual DOM 的重绘性能消耗： innerHTML: render html string O(template size) + 重新创建所有 DOM 元素 O(DOM size) Virtual...可以看到，innerHTML 的总计算量不管是 js 计算还是 DOM 操作都是和整个界面的大小相关，但 Virtual DOM 的计算量里面，只有 js 计算和界面大小相关，DOM 操作是和数据的变动量相关的

8042 0

前端(三)-JavaScript

delete xiaoming['name']; // 删除name属性 xiaoming.name; // undefined delete xiaoming.school; // 删除一个不存在的...更好的方式是直接使用 iterable 内置的 forEach 方法，它接收一个函数，每次迭代就自动回调该函数。...，只有确定按钮 prompt(str) 有输入框(返回值为输入内容，直接取消返回值为空null，没有输入但确认返回值为空字符串) prompt(str1,str2) 有输入框和默认值 confirm(str...//如果没有 return 语句，函数执行完毕后也会返回结果，只是结果为 undefined 。...() 向文档写文本，HTML表达式或JavaScript代码 5.5 innerHTML 与 innerText 方法() 说明 innerHTML = "" 往节点里里面些内容，里面的标签会被解析

8912 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭