将jQuery翻译成纯javascript
将jQuery翻译成纯javascript
提问于 2011-11-28 17:08:56
我必须修复一些表单验证，但主页中没有包含jQuery。我通常会做这样的事情...
if ($("#contactNameAdd").val() !== '' || $("#contactPhoneAdd").val() !== '') {
$("#contactForm").show()
};我如何在普通的js中重写它？
回答 5
Stack Overflow用户
回答已采纳
发布于 2011-11-28 17:13:04
var name = document.getElementById("contactNameAdd");
var phone = document.getElementById("contactPhoneAdd");
var form = document.getElementById("contactForm");
if(name.value != '' || phone.value != '') {
form.style.display = "block";
}Stack Overflow用户
发布于 2011-11-28 17:13:11
if (document.getElementById('contactNameAdd').value !== '' || document.getElementById('contactPhoneAdd').value !== '') {
document.getElementById('contactForm').style.display = 'block';
}在纯javascript中，您可以使用document.getElementById('id')根据id属性获取DOM节点。在DOM输入元素上使用.value来获取它的值。您可以在任何DOM元素上使用.style来设置css属性。在本例中，"show“表示"display: block;”。
Stack Overflow用户
发布于 2011-11-28 17:12:23
if (document.getElemenById('contactNameAdd').value != '' || document.getElementById('contactPhoneAdd').value != '') {
document.getElementById('contactForm').style.display = 'block';
}尝试一下--检查两个值，然后更改'contactForm‘的style.display属性
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/8293600
复制相关文章
相似问题
腾讯云开发者
