js实现隐藏网页中的某个元素

Posted 2023-03-24

以下代码 ie可以完全实现隐藏，但是chrome浏览器就都不支持了。
function del(id)
var id=document.getElementById(id);
id.style.display="none";


请问如何在不使用其他组件的情况下解决兼容问题。

参考技术A $("#id").hide();
或者：
$("#id").css("display", "none");
需要先引入jquery
<script language="javascript" type="text/javascript" src="js/jquery-1.7.2.js"></script> 参考技术B 使用jquery吧 网上下载个jqery 的包
<script language="javascript" src="...common/js/jquery.js"></script>
function del(id)
$("#"+id).css("display","none");


这个我试过了chrome可以用 参考技术C

是隐藏哪些元素，行内还是块？

试一下这个怎么样

 function del(id) 
  var dom=document.getElementById(id); 
  dom.style.display="none";
  dom.style.height="0px";
  dom.style.width="0px";
   

本回答被提问者采纳 参考技术D 你贴的代码经目测 没有问题

应该是调用del函数的代码有问题，你没贴出来。。。

如何用JS判断网页中某个id的网页元素是不是存在

在传统的Javascript里，当我们对某个页面元素进行某种操作前，最好先判断这个元素是否存在。原因是对一个不存在的元素进行操作是不允许的。例如：
document.getElementById("someID").innerText("hi");

如果ID为"someID"的元素不存在，我们将得到Javascript运行错误：document.getElementById("someID") is null

正确的写法应该是：
obj = document.getElementById("someID");
if (obj)
obj.innerText("hi");


那么在jQuery，我们如何判断页面元素存在与否呢？如果参照上面的传统Javascript的写法，我们第一个想到的办法一定是：
if ($("#someID"))
$("#someID").text("hi");


可是这么写是不对的！因为jQuery对象永远都有返回值，所以$("someID")总是TRUE，IF语句没有起到任何判断作用。正确的写法应该是：
if ( $("#someID").length > 0 )
$("#someID").text("hi");

注意：判断某个页面元素存在与否在jQuery实际上是没有必要的，jQuery本身会忽略对一个不存在的元素进行操作，并且不会报错。 参考技术A 获取这个对象的Id，用if语句判断，如果存在就为true，否则false 参考技术B 1.先用id获取element对象
var element=document.getElementById("id");
2.判断该element对象是否为null
if (typeof(element)== "undefined" || element == null)
alert("存在");
else
alert("不存在");