div只能用innertext(在后台怎么得到DIv里的内容用InnerText不行)

本文目录
在后台怎么得到DIv里的内容用InnerText不行
给div设置 runat=“Serve” 属性,指定div的id,就可以在后台通过id.InnetText方法得到值啊
jquery 操作div内容插入到另一个div
jquery 复制DIV内容到另一个div中
例如下代码:
《i class="m_tab" id="A_name"》张三《/i》
《i class="m_tab" id="A_sex"》男《/i》
《i class="m_tab" id="A_age"》30《/i》
把以上已生成的内容对应复制到下面input框里:
《input class="m_input" id="B_name" value="张三"》
《input class="m_input" id="B_sex" value="男"》
《input class="m_input" id="B_age" value="30"》
可以使用下方代码:
function showDiv(xid){
var div1 = $(’#A_’+xid),a = $(’#B_cname’);
var div2 = $(’#A_sex’),b = $(’#B_sex’);
var div3 = $(’#A_age’),c = $(’#B_age’);
for(var i=0;i《div1.length;i++){a.append(’’+div1.innerText+’’)}
for(var i=0;i《div2.length;i++){b.append(’’+div2.innerText+’’)}
for(var i=0;i《div3.length;i++){c.append(’’+div3.innerText+’’)}
扩展资料:
语言特点
1、快速获取文档元素
jQuery的选择机制构建于Css的选择器,它提供了快速查询DOM文档中元素的能力,而且大大强化了JavaScript中获取页面元素的方式。
2、提供漂亮的页面动态效果
jQuery中内置了一系列的动画效果,可以开发出非常漂亮的网页,许多网站都使用jQuery的内置的效果,比如淡入淡出、元素移除等动态特效。
3、创建AJAX无刷新网页
AJAX是异步的JavaScript和XML的简称,可以开发出非常灵敏无刷新的网页,特别是开发服务器端网页时,比如PHP网站,需要往返地与服务器通信,如果不使用AJAX,每次数据更新不得不重新刷新网页,而使用AJAX特效后,可以对页面进行局部刷新,提供动态的效果。
4、提供对JavaScript语言的增强
jQuery提供了对基本JavaScript结构的增强,比如元素迭代和数组处理等操作。
5、增强的事件处理
jQuery提供了各种页面事件,它可以避免程序员在HTML中添加太多事件处理代码,最重要的是,它的事件处理器消除了各种浏览器兼容性问题。
6、更改网页内容
jQuery可以修改网页中的内容,比如更改网页的文本、插入或者翻转网页图像,jQuery简化了原本使用JavaScript代码需要处理的方式。
vue中的可编辑div
可div可能很简单 contenteditable="true" 就能实现了
但是,,,输入一个字的时候,焦点会自动跳到文本开头,很烦的有木有
在网上看见一个大神写的,引用过来,很久了,忘记了出处
将可div单独设置成一个组件
子组件中
《template》
《div class="edit" placeholder="11"
v-html="innerText"
:contenteditable="canEdit"
@focus="isLocked =true"
@blur="isLocked =false"
@input="changeText"》
《/template》
watch: {
’value’(){
if (!this.isLocked && !this.innerText) {
this.innerText =this.value;
}
}
},
methods: {
changeText(){
this.$emit(’input’, this.$el.innerHTML);
}
},
父组件中只要 v-model=’你想要绑定的数据’
对vue不熟悉,,当然这位大神也说看下官方文档v-model这一块
大致是如果父组件的v-model会首先绑定子组件的emit的input方法
如何让div里面显示js内容
页面中的javascript代码显示在《script》《/script》标签之内,而《script》标签也可以看做普通的HTML元素,因此使用innerHTML即可获取《script》标签内的javascript代码。实例演示如下:
1、HTML结构
《div id ="test"》《/div》
《input type=’button’ value=’获取页面的javascript代码’ onclick="fun()"/》
2、javascript代码
《script id="script_id"》
function fun(){
var code = document.getElementById("script_id").innerHTML;
var div = document.getElementById("test");
div.innerHTML = code;
}
《/script》
3、效果演示

更多文章:
teammate(teammate,company,partner)
2026年10月11日 06:10
javascript arraybuffer(javascript可以把base64编码转换成二进制代码吗求示例代码!)
2026年10月11日 04:00
text函数公式(excel中round和text函数的区别是什么)
2026年10月11日 03:50
google chrome打不开(chrome浏览器打不开怎么回事 浏览器打不开的处理方法)
2026年10月11日 02:00
websocket整合springboot(Springboot整合Websocket遇到的坑)
2026年10月11日 01:40
drawerlayout(android 怎样让drawerlayout设置的侧滑菜单的内容充满屏幕)
2026年10月10日 19:20
xor四位数怎么运算(单片机怎样用C语言实现4个数字间的异或)
2026年10月10日 17:50
perl数组中最多的元素(用perl实现,得到一个数组中重复次数最多的元素)
2026年10月10日 17:00



