Cordys 给XForm input添加样式，input label 添加 *

最新推荐文章于 2022-09-27 20:49:28 发布

原创最新推荐文章于 2022-09-27 20:49:28 发布 · 710 阅读

1 ·

CC 4.0 BY-SA版权

Cordys 专栏收录该内容

70 篇文章

订阅专栏

本文介绍了一种使用JavaScript为Web页面中的控件设置特定样式的实现方法，包括按钮点击事件处理及必填项的样式设置。

function button1_Click(eventObject)
{
     input1.style.backgroundColor = "#FFF0F5";//input1 是 input ID
}

//控件必填项样式设置
function initMandatoryControlStyle(objects) {
	for (var name in objects) {
		//objects[name].parentNode.previousSibling.innerHTML = "<span style=\"color:red;\">*</span>" + objects[name].parentNode.previousSibling.innerHTML;
		while(objects[name].parentNode.previousSibling.innerHTML.toLowerCase().indexOf( "*" ) != -1 ) {
			objects[name].parentNode.previousSibling.innerHTML = objects[name].parentNode.previousSibling.innerHTML.toLowerCase().replace("*","").replace("<span style=\"color:red;\"></span>","").replace("<span style=\"color: red;\"></span>","").replace("<span style=\"color: red\"></span>","");
		}
		objects[name].parentNode.previousSibling.innerHTML = "<span style=\"color:red;\">*</span>" + objects[name].parentNode.previousSibling.innerHTML;
		objects[name].style.backgroundColor = "#FFF0F5";
		//objects[name].parentNode.parentNode.style.backgroundColor = "red";
	}
}