js获取div内容并获取前五十个字符。

希望能帮到你

HTML:

<input type="button" onclick="show()" value="show" />

<div id="div">我是一一一<a href="#">一</a>一一一王五一一一一11111111111111111111111111111111111111111111111111111111111</div>

<textarea id="textarea">

</textarea>

JS：

<script type="text/javascript">

function show(){

var div = documentgetElementById("div")innerHTML;

var use = delHtmlTag(div);

alert(uselength);

documentgetElementById("textarea")innerHTML = usesubstr(0,49);

}

function delHtmlTag(str){

return strreplace(/<[^>]+>/g,"");//去掉所有的html标记

}

</script>

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：indexhtml，填充问题基础代码。

2、在indexhtml中的<script>标签中，输入js代码：var id = $('div')attr('id');documentbodyinnerText = id;。

3、浏览器运行indexhtml页面，此时取到了div的id并成功打印出了。

1、首先打开我们测试的编辑工具 我这里使用的是Eclipse。

2、首先我们新建一个测试项目然后新建一个indexhtml、basicjs和basiccss文件。

3、js修改html文件中div的style中值来修改div的高度 HTML文件中的文件代码。

4、接下来我们就使用js修改高度。

5、这时我们敲js中的代码 获取div1的id 使用css属性对应的style属性然后设置高度。

6、使用js修改CSS文件中的div的height的值 HTML文件中的代码。

7、样式表css文件中的代码如图所示  运行项目之后 你会看到两个div的高度是一样的。

8、然后我们是在js文件中获取div1的id属性 然后使用objstylecssTest来修改嵌入式的css。

9、然后运行项目之后 两次结果都是一样的 div的高度改变了  。

要了解盒子模型四个区域，margin,padding，border,content把盒子模型搞清楚后，就要记一些属性的用法，只要掌握了这两点，再加上HTML的基础，学好DIV+CSS因该就没问题了！

在 JS获取div高度的方法 中，整理了几个有关于获取div高度的方法，后来又遇到一个问题，怎么获取DIV在页面中的绝对位置，因此在这篇笔记中记录一下。

页面结构

样式

getBoundingClientRect用于获取某个元素 相对于视窗 的位置集合。集合中有top, right, bottom, left等属性。

offsetLeft指的是元素相对于 版面或 由 offsetParent 属性指定的 父坐标 的计算上侧位置，整型，单位像素。

借用这个思路，当我们想获取元素的绝对位置时，可以递归遍历，直到元素的父元素为body为止。

关于offsetParent属性，有以下几点Tips。

以上就是关于js获取div内容并获取前五十个字符。全部的内容，包括:js获取div内容并获取前五十个字符。、js如何获取div中的数据、如何用js 获取一个div的坐标等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！