如何用JavaScript获取div内字数,并输入到html

如何用JavaScript获取div内字数,并输入到html,第1张

<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等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9512403.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-29
下一篇2023-04-29

发表评论

登录后才能评论

评论列表(0条)

    保存