如何<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以獲取有關瀏覽器兼容性和較舊瀏覽器的解決方法的信息。