
<div class='div1'>div1内容</div>
<div class='div2'>div2内容</div>
<script type="text/javascript">
const div1 = documentgetElementByClassName('div1')[0]innerText
documentgetElementByClassName('div2')[0]innerText = div1
</script>
可以尝试一下
<script type="text/javascript">
//jquery获取ID为abc的元素的宽度
alert($("#abc")width());
//js获取ID为abc的元素的宽度
alert(parseInt(documentgetElementById('abc')stylewidth));
</script>
js通过html对象的style属性获取元素属性
获取到的值是包含单位(px像素)的
将获取到的值转化成整数就可去掉单位
parseInt() 函数可解析一个字符串,并返回一个整数
语法
parseInt(string, radix)
参数 描述
string 必需。要被解析的字符串。
radix 可选。表示要解析的数字的基数。该值介于 2 ~ 36 之间。
如果省略该参数或其值为 0,则数字将以 10 为基础来解析。
如果它以“0x” 或 “0X” 开头,将以 16 为基数。
如果该参数小于 2 或者大于 36,则 parseInt() 将返回 NaN。
返回值
返回解析后的数字。
在按钮的onClick="abc(this);"通过这个this传到js里面 在js可以通过thisname thisid thisparent等等来获得相应的与此控件相关的值
javascript获取div的class中设置的宽高度:
高度(offsetHeight):
<head><title>用js获取div的高度</title></head><style type="text/css">
#box{border:1px solid #ff0000;width:200px; }
</style>
<script language="javascript">
function jj(){
var pp=documentgetElementById("box")offsetHeight;
alert(pp);
}
</script>
<body>
<div id="box">
<p>段落内容</p><p>段落内容</p>
<input type="button" onclick="jj();" value="click">
</div>
</body>
宽度(offsetWidth):
<head><title>用js获取div的高度</title></head><style type="text/css">
#box{border:1px solid #ff0000;width:200px; }
</style>
<script language="javascript">
function jj(){
var pp=documentgetElementById("box")offsetWidth;
alert(pp);
}
</script>
<body>
<div id="box">
<p>段落内容</p><p>段落内容</p>
<input type="button" onclick="jj();" value="click">
</div>
</body>
这样直接将ID设置成一个动态的ID的时候,一般不能通过直接读取ID来达到你想要读取的模块,你可以这样想,是否可以通过它的父节点来读取它的ID值?或者这样想,你既然已经有一个特别的name属性在这个DIV种,是否能通过name属性来进行读取?
现在来说第一个方法:假如你在上面的代码的标签中假如这样一个id :那么可以这样来找到DIV的ID值:
var the_div_id = documentgetElementById("test")getElementsByTagName("div")[0]id;
这样要求一点点小技巧。
至于你说如何取DIV的动态ID,这样还不简单么?随便取个字符串然后加上一些有规律的数字不就好了?比如说用个for(var i=0;i<10;i++){}循环输出你上面的代码,那么你的ID可以直接写成:<div id=\"info"+i+"\" name=
这样你的DIV的ID不就有规律地从info0开始直到info9了??
在学习JAVASCRIPT的时候我建议你再看看jquery
以上就是关于如何用JavaScript获取div内字数,并输入到html全部的内容,包括:如何用JavaScript获取div内字数,并输入到html、js 怎样获取div的宽度、JavaScript中如何获取按钮所在DIV的ID或NAME等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)