0

誰かが私を助けてくれることを願っています。特定の単語が含まれている場合、tdに画像を入れるにはどうすればよいですか? これが私のコードです：

    var allTableCells = document.getElementsByTagName("td");

    for (var i = 0, max = allTableCells.length; i < max; i++) {
        var node = allTableCells[i];


        var currentText = node.childNodes[0].nodeValue;


        if (currentText === "ArmHW")
            node.style.backgroundImage = "url('HW.png')"

PS私の英語でごめんなさい！そしてありがとうございました！

ここに完全なコードがあります...まだ動作していません=/

var allTableCells = document.getElementsByTagName("td");
var HW = new Image();
yourHW.src = "HW.png";

for (var i = 0, max = allTableCells.length; i < max; i++) {
    var node = allTableCells[i];

    var currentText = node.childNodes[0].nodeValue;

    if (currentText === "@WebSecurity.CurrentUserName")
        node.style.color = "Blue"; 
        node.style.border = "solid"

}

for (var j = 0, max = allTableCells.length; j < max; i++) {
var node = allTableCells[j];
if (Text.toString().trim() === "ArmHW") {
    node.removeChild(Text);
    node.appendChild(yourHW);
     }

OK、最後に保存されたコードはこれです...まだ機能しません:(私の英語と知識不足で申し訳ありません)

<script>
var allTableCells = document.getElementsByTagName("td");


for (var i = 0, max = allTableCells.length; i < max; i++) {
    var node = allTableCells[i];

    var currentText = node.childNodes[0].nodeValue;

    if (currentText === "@WebSecurity.CurrentUserName")
        node.style.color = "Blue"; 
        node.style.border = "solid";

}
var allTableCells = document.getElementsByTagName("td");

for (var i = 0, max = allTableCells.length; i < max; i++) {
    var node = allTableCells[i];


    var currentText = node.childNodes[0].nodeValue;


    if (currentText === "ArmHW")
        node.style.backgroundImage = "url('HW.png')"
}
</script>

そして、これが私たちが話している td のサンプルです:

       <table id="91" class="csmap">@foreach(var row in db.Query(selectCommand, Searcdb.Query(selectCommand, SearchTerm90)){<tr><td onmouseover="this.style.border='dashed'" onmouseout="this.style.border='solid'">@row.Owner<br>@row.Owner2</td></tr>}</Table>

わかりました、すべてのコードが正しいようです...私のページの何かが機能不全を引き起こしています...どのtdの後ろにも画像を入れることができません...

ページを段階的に書き直し、どこで停止するかを確認しようとしています。何かアイデアがあれば、躊躇しないでください = D

わかりました、何かが欠けています。コードは、td に単語が 1 つしかない場合にのみ機能します...私の td には単語
word
などが含まれています...

スクリプトは td で適切な単語を見つけ、画像を表示する必要があります

4

1 に答える 1

0 
var allTableCells = document.getElementsByTagName("td");

var yourImage = new Image();
yourImage.src = "HW.png";

for (var i = 0;i < allTableCells.length; i++) {
    var node = allTableCells[i];
    if (node.textContent.trim() === "ArmHW") {
        node.textContent = "";
        node.appendChild(yourImage);
    }
}
于 2013-08-31T00:04:07.833 に答える