js给div赋值，立刻发生改变

最新推荐文章于 2023-04-06 19:47:38 发布
原创 最新推荐文章于 2023-04-06 19:47:38 发布 · 997 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#js #css #html #javascript

本文记录了使用JavaScript修改div元素高度的常见错误与正确做法。错误示范：使用$.attr('height', '80%');虽然属性看似已更改，但页面显示无变化。正确方法应为：使用$.height('80%');确保元素高度实时更新。

js给div赋值，改变大小。在这里记录一下踩过的坑。

$('#div').attr('height',80%);

在这里插入图片描述
这个时候通过f12可以看到height属性已经赋上了，但是页面没有任何的变化。
正确写法是这样：

$("#div").height("80%");
吃土兽
关注
JS实现DIV容器赋值的方法
10-23
主要介绍了JS实现DIV容器赋值的方法,可结合ajax使用,涉及JavaScript针对页面元素的动态操作技巧,需要的朋友可以参考下
js给div添加值
2302_78529984的博客
11-30 2066
3.使用textContent属性：可以使用div元素的textContent属性来添加值。textContent属性会保留文本中的HTML标签。2.使用innerText属性：可以使用div元素的innerText属性来添加值。注意，innerText属性会将文本。4.使用appendChild方法：可以使用appendChild方法创建并添加新的文本节点到div元素中。
js对div取值与赋值
weixin_43085797的博客
03-26 5225
因为JavaScript运行时，id=“test1” 的那个div元素可能还没解析和加载，js加载是有顺序的。只需把 js 整个搬到 后面即可。 还有一个特别容易犯的毛病，页面引入 jQuery ，如果其他 js 要使用，需要放在 jQuery 之后，否则不能使用。 <!DOCTYPE html> <html> <head> <meta cha...
jQuery给div,Span, a ，button, radio 赋值与取值
10-22
比如，要给具有特定id的div赋值为"test"，可以使用以下两种方法之一： ```javascript $("#id").html("test"); // 方法一：直接使用.html()函数进行赋值 ``` 或者 ```javascript $("#id").html() = "test"; // ...
javascript 给<div>赋值
10-13
在JavaScript中，给`<div>`元素赋值通常是指设置其内容、样式属性或者绑定事件。如果你想要改变其文本内容，你可以直接操作`innerHTML`属性，例如： ```javascript var divElement = document.getElementById('...
点击事件 js获取 display不为none 且 class='number'的div 并且按照顺序给这些div赋值
最新发布
06-22
5.按顺序（即数组顺序）给每个div赋值（例如，赋值为1,2,3,...）。注意：用户引用的内容中提到了事件目标对象（target）和事件对象，但在这个需求中，我们不需要具体的事件目标，只需要在点击事件触发时执行上述操作...
给同name div赋值
09-26
如果你想给页面上拥有相同名称（如id或class）的所有 `<div>` 元素设置相同的属性或内容，你可以通过CSS选择器或者JavaScript来实现。这里有两个例子： **CSS方法**： 如果你需要改变的是样式，你可以使用CSS的`:...
js实现点击按钮后给Div图层设置随机背景颜色的方法
12-03
- 创建一个名为 `setColor` 的函数，该函数的主要任务是将生成的随机颜色代码赋值给指定Div的背景颜色。 - 使用 `getElementById()` 方法获取具有特定ID的Div元素，这里ID为 "myDiv"。 - 通过 `.style....
通过js给html元素赋值
07-19
通过js给html元素赋值，多个赋值方法，欢迎下载！
js 为label标签和div标签赋值
Cxy_357的博客
09-26 1571
一、为label标签和div标签赋值： 1.       document.getElementById('ttile').innerText="????";   2.      document.getElementById('test').innerHTML="????"; 注：document.getElementById("???")获取的j
如何给div块或者给某个DOM元素赋值
newy的博客
03-29 1万+
两种办法： 1、用js原生办法： 　　　document.getElementById(“div”).innerHTML=“欢迎您！”; 　　　也可以把这句话拆开： 　　　　　　 var content = document.getElementById(“hh”); 　　　　　　 content.innerHTML=“欢迎您！”; 　　针对新手注意一点细节：①innerHTML后面跟的是"="...
div的赋值--超简单
wanyuanshi的博客
06-04 1万+
&lt;script type="text/javascript"&gt; window.onload = function(){ document.getElementById('discountRate').innerHTML= $("#discountRateTemp").val(); }&lt;/script&gt;再结合一个隐含域实现记录上次的值，以及最后赋的值：&lt;input t...
js的赋值相关知识
weixin_69965075的博客
04-06 398
你好
在js中向div动态传值
路飞船长的博客
09-20 1218
项目涉及到打印功能的有的地方需要根据条件动态的将js数据传到div或者需要的地方。
js代码中,给html的div赋值问题.
热门推荐
lululove19870526的专栏
11-03 4万+
document.getElementById('one').innerHTML='one';                                                           页面无显示,不知道错哪儿了.     把 document.getElementById('one').innerHTML='one'; 改成 window
DIV动态赋值
weixin_37691186的博客
08-06 4405
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;  &lt;head&gt;  &lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312" /&gt;  &lt;title&gt;js动态设置div的值.html&lt;/title&gt;
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值