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

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以获取有关浏览器兼容性和较旧浏览器的解决方法的信息。