js获得div中的text并变灰，不可用

最新推荐文章于 2020-12-03 11:13:57 发布
最新推荐文章于 2020-12-03 11:13:57 发布
阅读量428 收藏
点赞数
分类专栏： javascript 文章标签： js获得div中的text并变灰，不可用
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xfyjg/article/details/83469523
版权
<html>
<body>
<script type="text/javascript">
<!--
function showText(l_Div,r_Div){
var commpanyDiv = document.getElementById('commpanyDiv');
var personalDiv = document.getElementById('personalDiv');
var d_inputElent = new Array();
var d_selectElent = new Array();
var h_inputElent = new Array();
var h_selectElent = new Array();

h_inputElent = r_Div.getElementsByTagName("input");
h_selectElent = r_Div.getElementsByTagName("select");
changeHide(h_inputElent);
changeHide(h_selectElent);

d_inputElent = l_Div.getElementsByTagName("input");
d_selectElent = l_Div.getElementsByTagName("select");
changeDisplay(d_inputElent);
changeDisplay(d_selectElent);
}
function changeHide(obj){
if(obj.length > 0){
for(var i=0; i<obj.length; i++){
obj[i].style.backgroundColor = "#DBDBDB";
obj[i].disabled = true;
}
}
}
function changeDisplay(obj){
if(obj.length > 0){
for(var i=0; i<obj.length; i++){
obj[i].style.backgroundColor = "";
obj[i].disabled = false;
}
}
}
//-->
</script>

<form action="" method="post">
<table width="100%" border="1">
<tr>
<td colspan="6" align="center">
<liferay-ui:message key="erp.clientPortlet.newClentRegister" />
</td>
</tr>
<tr>
<td colspan="3"><input name="radioButton" type="radio" value="0" checked οnclick="showText(document.getElementById('commpanyDiv'),document.getElementById('personalDiv'))"/>
<liferay-ui:message key="erp.clientPortlet.commpanyUser" />
</td>
<td colspan="3"><input name="radioButton" type="radio" value="1" οnclick="showText(document.getElementById('personalDiv'),document.getElementById('commpanyDiv'))" />
<liferay-ui:message key="erp.clientPortlet.personalUser" />
</td>
</tr>
</table>
<div id="commpanyDiv">
<table id="commpanyTable" width="100%" border="1">

<tr>
<td><liferay-ui:message key="erp.clientPortlet.userName" /></td>
<td><input name="" type="text" /></td>
<td><liferay-ui:message key="erp.clientPortlet.pwd"/> </td>
<td><input name="" type="text" /></td>
<td><liferay-ui:message key="erp.clientPortlet.re_pwd"/></td>
<td><input name="" type="text" /></td>
</tr>
<tr>
<td><liferay-ui:message key="erp.clientPortlet.companyName"/></td>
<td colspan="3"><input name="" type="text" size="73" /></td>
<td><liferay-ui:message key="erp.clientPortlet.contact"/></td>
<td><input name="" type="text" /></td>
</tr>
<tr>
<td><liferay-ui:message key="erp.clientPortlet.address"/></td>
<td colspan="5">
<select name="">
<option>Guang Dong</option>
</select><liferay-ui:message key="erp.clientPortlet.province"/>
<select name="">
<option>Guang Zhou</option>
</select>
<liferay-ui:message key="erp.clientPortlet.city"/>
<input name="" type="text" />
</td>
</tr>
<tr>
<td><liferay-ui:message key="erp.clientPortlet.tel"/></td>
<td><input name="" type="text" /></td>
<td><liferay-ui:message key="erp.clientPortlet.email"/></td>
<td colspan="3"><input name="" type="text" /></td>

</tr>
<tr>
<td><liferay-ui:message key="erp.clientPortlet.fax"/></td>
<td><input name="" type="text" /></td>
<td><liferay-ui:message key="erp.clientPortlet.phone"/></td>
<td colspan="3"><input name="" type="text" /></td>
</tr>
</table>
</div>
<hr/>
<div id="personalDiv">
<table id="personalTable" width="100%" border="1">
<tr>
<td colspan="6">
<liferay-ui:message key="erp.clientPortlet.personalUserInfo" />
</td>
</tr>
<tr>
<td><liferay-ui:message key="erp.clientPortlet.userName" /></td>
<td><input name="" type="text" /></td>
<td><liferay-ui:message key="erp.clientPortlet.pwd"/> </td>
<td><input name="" type="text" /></td>
<td><liferay-ui:message key="erp.clientPortlet.re_pwd"/></td>
<td><input name="" type="text" /></td>
</tr>
<tr>
<td><liferay-ui:message key="erp.clientPortlet.userName"/></td>
<td colspan="3"><input name="" type="text" size="73" /></td>
<td><liferay-ui:message key="erp.clientPortlet.phone"/></td>
<td><input name="" type="text" /></td>
</tr>
<tr>
<td><liferay-ui:message key="erp.clientPortlet.address"/></td>
<td colspan="5">
<select name="">
<option>Guang Dong</option>
</select><liferay-ui:message key="erp.clientPortlet.province"/>
<select name="">
<option>Guang Zhou</option>
</select>
<liferay-ui:message key="erp.clientPortlet.city"/>
<input name="" type="text" />
</td>
</tr>
<tr>
<td><liferay-ui:message key="erp.clientPortlet.tel"/></td>
<td><input name="" type="text" /></td>
<td><liferay-ui:message key="erp.clientPortlet.email"/></td>
<td colspan="3"><input name="" type="text" /></td>

</tr>
<tr>
<td><liferay-ui:message key="erp.clientPortlet.fax"/></td>
<td colspan="5"><input name="" type="text" /></td>
</tr>
<tr>
<td colspan="6" align="right">
<input name="" type="button" value="<liferay-ui:message key="erp.button.value.submit"/>" />
<input name="" type="button" value="<liferay-ui:message key="erp.button.value.resetOver"/>"/>
<input name="" type="button" value="<liferay-ui:message key="erp.button.value.cancel"/>"/>
</td>
</tr>
</table>
</div>
</form>
</body>
</html>
xfyjg
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js利用实现div文本标记，并可以取消标记，并返回标记内容在文档位置
weixin_41995297的博客
05-18 664
1、window.getSelection()返回的一个Selection对象，表示用户选择文本范围或光标的当前位置，其实获取当前选择文本内容相当容易，获取标记文本所在整个文档的位置是比较难的 ,因为标记是给文本添加标签，纠结了好久，他的位置都是相对于锚节点来开始计算的。纠结了几天，位置还是需要自己算的 TS实现 const selectStr = selecter.toString(); // 返回代表当前selection对象的字符串,例如当前选择的文本文字. const selRange = s
js中修改div的内容textContent，innerHTML，innerText，value的用法以及区别
徊忆羽菲
04-09 1606
js中修改div的内容textContent，innerHTML，innerText，value的用法以及区别textContent的用法设置标签中的文本内容获取标签中的文本内容innerText的用法设置标签中的文本内容获取标签中的文本内容innerHTML的用法设置标签中的文本内容获取标签中的文本内容innerText和textContent的区别区别兼容代码设置任意的标签中间的任意文本内容兼容代码获取任意标签中间的文本内容textContent、innerText和innerHTML的区别设置标签中的
input text 置灰例子
田军的专栏
11-19 1056
&lt;form name="testform"&gt; &lt;select name= "select1" onclick= "changeState(); "&gt; &lt;option value=1 selected="selected"&gt; one &lt;/option&gt; &lt;op
jquery获取＜div＞＜/div＞之间的内容.text() 和 .html()区别
qq_41353397的博客
08-31 1396
html代码： <div> <p>test</p> </div> js代码： $("div").text();//结果：test $("div").html();//结果：<p>test</p> $(“div”).text() 得到的是 test，是 div 的纯文本，会自动忽略 html 标签 。 $(“div”).html() 得到的是带标签的,是 div 的所有内容，包括 html 标签，它有个好处是可以将 得到的标签与文字
python解析xml文件elementtree_Python XML解析之ElementTree
weixin_39779739的博客
12-03 561
参考网址：菜鸟教程提供了基本的XML编程接口DOM、SAX，以及轻量级ElementTree的简易概念说明和一些示例。DOM是一种跨语言的XML解析机制，通过将整个XML在内存中解析为一个树来操作，ElementTree未做太多介绍，你可以到官网网址查看其详细的方法释义。ElementTree是Python中最快捷的XML解析方式，可以看做一个轻量级的DOM，本文主要讲ElementTree，El...
原生JS实现的放大镜特效示例【测试可用】
12-02
本文实例讲述了原生JS实现的放大镜特效。分享给大家供大家参考，具体如下： 最近在做ecshop的二次开发，遇到一些jquery插件与ecshop的冲突， 调整冲突的需要修改的地方又太多，修改起来得不偿失， 故做了一个原生的...
如何在vue中使用jointjs过程解析
10-15
在Vue的主入口文件（通常是`main.js`或`app.js`）中，你需要将JointJS和jQuery引入全局，以便它们在整个应用中可用： ```javascript window.$ = require('jquery'); window.joint = require('jointjs'); ``` ...
javascript中input中readonly和disabled区别介绍
10-27
在JavaScript中，`readonly` 和 `disabled` 是两个用于表单输入元素的重要属性，它们都可以防止用户直接编辑输入框内的内容，但它们在功能和效果上存在一些差异。 1. **`readonly` 属性**： - `readonly` 属性主要...
ng-fi-text:ng-fi-text 使任何文本适合任何（有角度的）网站中任何大小的任何框
05-31
ng-fi-text 0.1.0 使任何文本适合任何（角度...ng-fi-text可以在页面内的多个 div 中初始化。 它只需要在 de app 的范围内。 确保您将应用ng-fi-text的容器 div 的 css 位置设置为relative或absolute 非常重要，否则插
js+css实现增加表单可用性之提示文字.docx
01-19
首先，我们可以创建一个`<label>`元素，用于显示提示文字，并将其设置为绝对定位，以便在输入框获得焦点时隐藏，失去焦点时显示。CSS代码如下： ```css #wrapper { position: relative; display: inline; } #...
js中的text()，html() ，val()的区别
weixin_30552635的博客
10-07 1149
js中的text()，html() ，val()的区别 text()，html() ，val()三个方法用于html元素的存值和取值，但是他们各有特点，text()用于html元素文本内容的存取，html()不但可以用于html元素文本内容的存取，还可以用于html内容的存取。val()用于input元素内容的存取。 一. text() var text = $("div").text...
HTML灰色不可编辑文本框
热门推荐
永无止境
11-11 8万+
将HTML文本框设为不可编辑文本框。   方法1: onfocus=this.blur() 方法2:readonly 方法3: disabled   让文本框变灰不可输入： 不可输入还可以用上述三种方法
JavaScript中 label标签有什么用.和p标签以及div标签有什么区别
最新发布
06-08
`div`标签用于表示文档中的一个`division`，通常用于布局和组织页面结构。`p`标签和`div`标签可以包含其他HTML元素，如文本、图片、表格等，但它们本身并没有特别的行为或功能。示例代码如下： ```html <p>This is ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值