如何在 InnerHTML 中隐藏 <a href> 标记

Question

我有一个图像，它在 .cs 文件中定义了“a href”标记的 InnerHTML，如下所示。

_divToolTipContainer.InnerHtml = "<a href=\"javascript:__doPostBack('" + btnItemThumbnail.ClientID.Replace("_", "$") + "','')\">" +
                                           itemimage;

现在我想要的是让这个“a href”标签“隐藏”或“设置为 false”如果文本框是空的，否则有这个可点击的。

我的代码如下所示，但它不起作用。

    var oDivA1 = document.getElementById(oElementId);

    if(val === undefined || val == null || val.length <= 0){        
        oDivA1.style.display = "none"; // not working
    }else{
        oDivA1.style.display = "block"; // not working
    }

oDivA1.style.display = "none"，这对整个 div 不显示任何内容，而不仅仅是“a href”标签。

这可能吗？

谢谢

RJ

Answer 1

使用 firstChild 属性获取 div 的内部元素，假设它包含的所有 HTML 如您的示例所示。

var oDivA1 = document.getElementById(oElementId);
var anchor = oDivA1 ? oDivA1.firstChild : null;

if(anchor && (val === undefined || val == null || val.length <= 0)){        
    anchor.style.display = "none";
}else{
    anchor.style.display = "block";
}

防止链接动作

var handler = function(e) { e.preventDefault(); };

if(anchor && (val === undefined || val == null || val.length <= 0)){        
    anchor.addEventListener('click',handler,false);
}else{
    anchor.removeEventListener('click',handler,false);
}

请参阅https://developer.mozilla.org/en-US/docs/DOM/element.addEventListener，了解有关旧版浏览器的浏览器兼容性和解决方法的信息。