开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

JS函数后innerHTML属性不变

是指在使用JavaScript函数后，元素的innerHTML属性没有发生变化。

innerHTML属性是用于获取或设置HTML元素的内容的属性。当我们使用JavaScript函数来操作元素的innerHTML属性时，我们期望元素的内容会发生改变。然而，有时候我们会遇到函数执行后，元素的innerHTML属性并没有发生变化的情况。

这种情况可能是由于以下几个原因导致的：

函数执行出错：如果函数中存在错误，可能会导致函数提前终止，从而无法改变元素的innerHTML属性。在这种情况下，我们需要检查函数是否正确执行，并修复其中的错误。
元素不存在或选择器错误：如果我们尝试操作一个不存在的元素，或者选择器错误，那么函数执行后元素的innerHTML属性自然不会发生变化。在这种情况下，我们需要确保元素存在，并且选择器正确。
异步操作：如果函数中存在异步操作，例如使用了定时器或者发起了AJAX请求，那么函数执行后元素的innerHTML属性可能不会立即发生变化。在这种情况下，我们需要等待异步操作完成后再检查元素的innerHTML属性。

总结起来，当我们遇到JS函数后innerHTML属性不变的情况时，需要检查函数是否执行出错、元素是否存在、选择器是否正确以及是否存在异步操作。根据具体情况进行排查和修复。

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

云函数（Serverless）：https://cloud.tencent.com/product/scf
云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
云存储（对象存储）：https://cloud.tencent.com/product/cos
人工智能平台（AI Lab）：https://cloud.tencent.com/product/ai
物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iotexplorer

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

有帮助

没帮助

相关·内容

JS魔法堂：被玩坏的innerHTML、innerText、textContent和value属性

赋值操作：先对值内容进行模式匹配，然后把处理后的值赋予给innerHTML属性。模式匹配结果将导致保留和将字符转换为HTML实体两个操作。 a)....在通过value属性赋值前，会影响value的取值; 3. 在通过value属性赋值后，则value的取值与innerHTML无关。 ...在通过value属性赋值前，会影响value的取值; 3. 在通过value属性赋值后，则value的取值与innerHTML无关。　　...但不影响innerHTML和textContent。innerText的取值由innerHTML的属性值经过处理后返回。...，textContent的取值由innerHTML的属性值经过处理后返回。

3.7K7 0

JS函数的属性

1.arguments.callee //经典的阶乘(递归)函数 function factorial(num) { if...} else { return num * arguments.callee(num - 1);//函数内部属性...> () { return 0; }; alert(trueFactorial(5));//120 使用callee属性...接触函数名耦合状态可以继续使用递归否则返回0 alert(factorial(5)); //0 2.Length:表示函数希望接收的命名参数的个数 3.prototype:在创建自定义引用类型以及实现继承时...,该属性的作用极为重要,该属性不可枚举,因此使用for-in 无法发现方法: 1.apply()和call() 用途:在特定的作用域中调用函数,等于设置函数体内this对象的值 <span style

8K2 0

【说站】js函数中arguments属性是什么

js函数中arguments属性是什么 1、类似于数组的arguments对象包含传入函数中的所有参数，它具有callee属性，用于执行函数本身。...2、arguments.callee可用于消除阶乘函数中的耦合(仍然不是函数名称)。... if (num <= 1) { return num; } else { return num * arguments.callee(num - 1) } } 以上就是js...函数中arguments属性的介绍，希望对大家有所帮助。...更多js学习指路：js教程推荐操作环境：windows7系统、jquery3.2.1版本，DELL G3电脑。

1.5K2 0

js中带有参数的函数作为值传入后调用问题

❝小闫语录：你可以菜，但是就这么菜下去是不是有点过分了 ❞ 每天不是在写 bug，就是在解 bug 的路上~更多精彩文章请关注公众号『Pythonnote』或者『全栈技术精选』 1.无参数函数作为参数传入调用...当根据实际情况，函数需要作为参数传入时，一般采用如下方式直接调用即可： function fuc1() { console.log(1); } function fuc2(a) { a();...} fuc2(fuc1); // 1 2.有参数函数作为参数传入调用一般的函数都有参数，那么这种情况如何传参呢？...("link1"); link.onclick = fuc1("我是小闫同学啊"); 但是不好意思，「不需要点击，一刷新页面，直接调用函数」，弹出窗口！...❝因为在你写 fuc1("我是小闫同学啊") 时，默认就调用了此函数，都不需要点击。 ❞ 如何才能达到在点击时才弹出窗口呢？

8.5K4 0

从单向到双向数据绑定0.前言1.单向数据（代表：react）2.观察者模式3.双绑的中间枢纽——Object.defineproperty（代表：vue）4. 脏值检测（代表：angular1）前面说

2.观察者模式首先，我们先订阅事件，比如事件‘a’，回调函数是function （）{console.log（1）}，订阅后，如果事件‘a’被触发了，就调用回调函数。...html部分：复制代码 //js: var data = { str:'' } a.innerHTML...在angular1中，私有变量以$$开头，$$watch是一个存放很多个绑定的对象的数组，用$watch方法来添加的，每一个被绑定的对象属性是：变量名、变量旧值、一个函数（用来返回变量新值）、检测变化的回调函数...最终，我们把last属性设置为新返回的值，也就是最新值。$digest里会调用每个getNewValue()，因此，最好关注监听器的数量，还有每个独立的监控函数或者表达式的性能。...，是没用的，他一直不变。单向数据绑定，就是绑定事件，比如绑定oninput、onchange、storage这些事件，只要触发事件，立刻执行对应的函数。

1.6K4 0

ES6--变量的声明及解构赋值

$ npm install --global babel $ babel-node $ babel-node es6.js ES6扩充了块级作用域，对字符串、数值、数组、对象、函数等都做了不同程度的扩展...= buttons[i].innerHTML; }); } 方式二：forEach封装函数作用域 var buttonsAry = Array.prototype.slice.apply(buttons...const命令只是保证变量名指向的地址不变，并不保证该地址的数据不变。...示例：跨模块常量 /* constants.js 模块 */ export const PI = 3.14; export const AUTHOR = "LIGANG"; /* a.js 模块 */...ES6规定，var命令和function命令声明的全局变量，属于全局对象的属性；let命令、const命令、class命令声明的全局变量，不属于全局对象的属性。

9203 1

从单向到双向数据绑定

2.观察者模式首先，我们先订阅事件，比如事件‘a’，回调函数是function （）{console.log（1）}，订阅后，如果事件‘a’被触发了，就调用回调函数。...html部分： //js: var data = { str:'' } a.innerHTML...watch方法来添加的，每一个被绑定的对象属性是：变量名、变量旧值、一个函数（用来返回变量新值）、检测变化的回调函数。对于为什么使用一个函数来记录新值（类似vue的computed）？...最终，我们把last属性设置为新返回的值，也就是最新值。...，是没用的，他一直不变。单向数据绑定，就是绑定事件，比如绑定oninput、onchange、storage这些事件，只要触发事件，立刻执行对应的函数。

3.6K2 0

「JS高级」面向对象编程

创建类 class 创建一个类 class Star { // 类的共有属性放到 constructor 里面 constructor是构造器或者构造函数 constructor(uname...双击tab项文字或者内容项文字可以修改里面的文字内容 3.2案例准备获取到标题元素获取到内容元素获取到删除的小按钮 x号新建js文件,定义类,添加需要的属性方法(切换,删除,增加,修改) 时刻注意.../tab.js"> 项目代码JS部分： var thisReplace; // 定义一个全局Bian量用来传递对象函数中的this class Tab...thisReplace.lis[index].remove(); thisReplace.sections[index].remove(); // 删除元素后，...if (document.querySelector(".liactive")) { return } // 若删除的不是最后一个元素，则维持选中不变.

1.8K1 0

JavaScript 语言入门

：很明显只显示了js文件里的提示框，下面的“快来关注并没有显示” 但是可以利用再建script标签的方式来使得都显示例如（js代码不变）： <!...：值, // 定义一个属性属性名：值, // 定义一个属性函数名：function(){} // 定义一个函数 }; 对象的访问：变量名.属性或函数名(); 示例代码： <script...其实就是告诉浏览器，当事件响应后要执行哪些操作代码，叫事件注册或事件绑定。静态注册事件：通过 html 标签的事件属性直接赋于事件响应后的代码，这种方式我们叫静态注册。...动态注册事件：是指先通过 js 代码得到标签的 dom 对象，然后再通过 dom 对象.事件名 = function(){} 这种形式赋于事件响应后的代码，叫动态注册。...class 属性值 innerHTML 属性，表示获取/设置起始标签和结束标签中的内容 innerText 属性，表示获取/设置起始标签和结束标签中的文本另有DOM查询的示例练习，鉴于篇幅过长如有需要可点击下载

4.3K2 0

【海贼王航海日志：前端技术探索】一篇文章带你走进JavaScript(三)

节点：网页中所有的内容都可以称为节点(标签节点、注释节点、文本节点、属性节点等)。使用node表示。这些文档等概念在JS代码中就对应一个个的对象。所以才叫"文档对象模型"。...2. innerHTML Element.innerHTML属性设置或获取HTML语法表示的元素的后代。...innerHTML用的场景比innerText更多。 4.2 -> 获取/修改元素属性可以通过Element对象的属性来直接修改，就能影响到页面显示效果。 <!...CSS中指定给元素的属性，都可以通过JS来修改。...这种方式修改只影响到特定样式，其他内联样式的值不变。 <!

641 0

JavaScript学习笔记1

***基于对象：再js里面提供了一些对象，可以直接使用。面向对象：在java里面先创建对象再使用。 ***事件驱动：js里面它触发事件，调用函数，实现网页里面的动态效果。...type=”text/javvascript” src=”js文件的url”> 操作步骤：1.创建一个js文件2.在script标记里面，使用src属性来引入外部的js文件。...在js里面定义函数三种方式： 1.创建普通的函数：语法： function add1(a,b){ Var sum=a+b; Return sum; } 2.创建匿名函数语法：var...失去焦点事件：onblur 获取焦点：onfocuse 键盘事件:onkeyup onkeydown onkeypress 页面加载事件：onload 注意：页面加载事件是在整个html网页加载完毕后才会执行这个事件对应的函数...表单校验的知识点总结：1.错误信息:在一行显示，用他的innerHTML属性回显错误信息。

1.7K4 0

Vue 中 render 函数有点意思

尽管Vue render 函数也可以用JSX编写，但在这里我们使用原生 JS方式，因为这样，我们可以更轻松地了解Vue组件系统的一些基础。...尽管 render 函数更强大，但render函数可读性很差，相对用的也比较少了。创建组件带有 render 函数的组件没有template标记或属性。...: String | Array)参数（由于某种原因，通常别名为h，归咎于JSX）并返回使用该函数创建的元素，其他一切保持不变，来看看事例： export default { data() {...在render函数中是无法使用这些指令的。取而代之的是以纯 JS 来实现，对于大多数指令而言，这也是比较简单的。...---- 代码部署后可能存在的BUG没法实时知道，事后为了解决这些BUG，花了大量的时间进行log 调试，这边顺便给大家推荐一个好用的BUG监控工具 Fundebug。

1K2 0

location的hash部分和使用window.onhashchange实现ajax请求内容时使用浏览器后退和前进功能

当只有hash部分发生变化时，浏览器的历史记录会产生记录，但不会向服务器发出请求，这时按后退键地址栏的uri会变化但页面内容不变。 ...而hash变化但不发出请求就是js跨域双向数据传递的基础啦。 ...下面就讲述一下hash结合ajax的使用，ajax每次取数据时页面更新后浏览器并不产生历史记录，也就是说后退和前进按钮失去应用的效用，这时可以结合hash和window.onhashchange来使用，...="undefined") 30 document.getElementById("div1").innerHTML=eval("obj['"+hashStr+"']"); 31...} 32 1.AjaxHasPool是自己封装的ajax类，其中的ajax.Startup()就是发送ajax请求； 2.Object对象保存历史记录，如果对象属性为数字的话，要用obj

92710 0

day03_js学习笔记_03_js的事件、js的BOM、js的DOM

day03_js学习笔记_03_js的事件、js的BOM、js的DOM =================================================================...（同上） (12) 删除节点 (13) innerHTML属性 =============================================...---- 一、js的简介二、js的基本语法三、js的内建对象四、js的函数（相当于java中的方法） ----------------------------------------------...------------------------------- 五、js的事件事件通常与函数配合使用，这样我们可以通过发生的事件来驱动函数执行。...（js开发中常用以上这两个函数）

28.1K1 2

python单元测试简介

该代码查找具有title属性的链接，并使用这些标题显示发布时间（例如“ 5天前”）作为相对时间值： <!...它遍历页面上的所有锚，并title在每个锚上检查属性。如果存在，则将其传递给prettyDate函数。如果prettyDate返回结果，则使用结果更新innerHTML链接的。...使事物可测试问题在于，对于任何早于31天的日期，它prettyDate只会返回未定义的（隐式地，只有一条return语句），而锚点的文本保持不变。...之后，再运行两个断言，现在验证innerHTML这些元素的属性具有正确格式的日期“ 2小时前”和“昨天”。...回到开始设置好之后，让我们回到最初的示例，看看重构后的样子。 <!

2K2 0

JS对象与Dom对象与jQuery对象之间的区别

对象只是带有属性和方法的特殊数据类型。通过js获取的DOM对象就是js对象当浏览器支持js的dom接口(api)时，这里狭义的dom对象是以js对象的形式出现的，也就是一个js对象。...2）jQuery对象和js对象区别 jQuery对象属于js的数组 jQuery对象是通过jQuery包装的DOM对象后产生的 jQuery对象不能使用DOM对象的方法和属性 DOM对象不能使用jQuery...对象的方法和属性 3）jQuery对象和js对象之间的相互转换 js转jQuery对象 $(js对象) jQuery对象转js对象 var doc2=$("#idDoc2")[0]; //转换...jQuery对象为DOM对象 doc2.innerHTML="这是jQuery的第一个DOM对象" //使用jQuery对象本身提供的get函数来返回指定集合位置的DOM对象 var doc2...平时用到的jquery对象都是通过$()函数制造出来的，$()函数就是一个jquery对象的制造工厂。

2.8K1 0

Web-第三天 JavaScript学习【悟空教程】

中正则匹配的方式：正则的匹配: JS中有两种匹配正则的方式: * 使用String对象中的match方法. * 使用正则对象中的test方法. 1.5.2 JS中的函数编写方式：函数：实现一定功能的代码块...如果属性由多个单词使用“-”连接，需要将“-”删除，并将后一个单词首字母大写。...setTimeout()在指定的毫秒数后调用函数或计算表达式。...完成表单校验使用JS完成表格的隔行换色使用JS完成复选框的全选效果使用JS完成省市联动效果今日内容学习目标使用JS可以编写各种事件使用JS可以获得指定元素使用JS可以创建元素使用JS可以对元素的属性进行操作...5.2 案例相关JS函数介绍 5.2.1 相关JS事件 onload() 页面加载成功触发方式1：使用onload属性确定需要执行的函数 <meta charset="UTF

3.4K1 0

JavaScript爬虫_速通物流

BOM包含DOM 点击按钮得到文本框中的值按回车把文本框1内容复制到文本框2 失去焦点后执行这段二十五、js中的innerHTML和innerText属性 innerText和innerHTML...") } //调用扩展后的函数 "abc".hello(); 十三、 js中创建类和对象？...（事件句柄以属性的形式存在）下面代码的含义是：将sayHello函数注册到按钮上，等待click事件发生后，该函数被浏览器调用我们称这个函数为回调函数。...，外层回调函数在页面加载完成后执行，内层在点击事件发生后执行。...//this代表的是当前文本框对象二十五、js中的innerHTML和innerText属性在head

8.4K1 0

【JavaEE初阶】JavaScript(WebAPI)

, 标签中的内容都可以通过JS对象感知到, JS对象修改对应的属性能够影响到标签的展示, 通过这样的DOM API就可以让JS代码来操作页面元素. 2.2常用的DOMAPI 2.2.1.选中页面元素在...('选择器'); 使用该函数会返回一个类似于数组的对象, 用法和数组相同.... 2.获取/修改元素内容在选中元素后, 就可以使用innerHTML属性来获取/修改一个标签里面的内容了. //1.选中标签 let var_name = document.querySelector...点击前: 点击后: 一个标签中具体有哪些属性可以修改, 可以使用console.dir()函数来获取DOM API能够操作的全部属性, 比如img元素. 4.获取/修改表单元素属性...> 还有一种修改样式的方式可以通过修改类属性来达到修改样式的效果, 可以通过元素.className来获取/修改类属性的值, 由于class是 JS 的保留字, 所以这里获取类属性的名字叫做className

2432 0

web components 从0到1

字段属性 // html // 在模板中设置属性值 // js { constructor(){ ......('c-card') card.value = 20 // value type: number 使用 getter , setter 后，可以通过直接赋值的方式设置属性值。...要实现对属性的响应，需要依赖 attributeChangedCallback observedAttributes 两个属性 { // 属性响应函数, 属性修改后将触发该函数, 类似 vue 的watch...函数 attributeChangedCallback(name, oldValue, newValue){ console.log(`属性名称: ${name}`) console.log...document.querySelector('c-card') card.addEventListener('cardClick', ({detail}) => console.log(detail)) 通信在了解了自定义属性和自定事件后

3263 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭