Question

我希望使用简单的单词<p>

替换NotFound个标签之间的所有标签

<p id='2'>
        <?php
        foreach ($d as $key=>$value) 
        {
                    extract($value);
                            if($key%4==0)
                            {
                                  echo "</tr>";
                                  echo"<tr>";
                            }
                    include('item.php');
        }
        echo"</table>";
        echo"</div>";

   ?>
 </p>

我怎么能用javaScript做到？

更新我在javascript区域中使用了该代码：

<script type="text/javascript">
        window.onload=msg;
        function msg(){
            document.getElementById('1').onclick=clickhandlee;

            //
        }
        function clickhandlee(){
            var ps = document.getElementsByTagName('p');
        for(var i=0, max=ps.length; i<max; i++){
        ps[i].innerHTML = "NotFound";
      }

        }



        </script>

以及<body>代码中的相同代码

<p id='2'>
        <?php
        foreach ($d as $key=>$value) 
        {
                    extract($value);
                            if($key%4==0)
                            {
                                  echo "</tr>";
                                  echo"<tr>";
                            }
                    include('item.php');
          }
        echo"</table>";
        echo"</div>";

   ?>
 </p>

这是包含的php模板item.php

<td style='border: 0px none ; margin: 0px; padding: 0px; width: 240px;' align='right' valign='top'>
           <div style='margin-bottom: 10px;'>
    <table class='topic' border='0' cellpadding='0' cellspacing='0' align='right'>
    <tbody>
        <tr>
            <td style='background: url(&#039;style/$style/images/top_background.jpg&#039;) no-repeat left center; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous' align='center' height='35'>
                <div style='overflow: hidden; width: 230px;'>
                <a class='link' href='t<?=$id;?>-<?=$name;?>.html'>
                    <?=$name;?> </a>
                </div>
            </td>
        </tr>
        <tr>
            <td align='center' style="height: 197px">
                <a href='count-<?=$id;?>;.html'>
            <img src='<?=$photo;?>' class='image' border='0' width='220' height='170'/></a>
                <div dir='rtl' class='shortdes'><?=$shortdes;?></div>
            </td>
        </tr>
        <tr valign='top'>
            <td style='background: url(&#039;style/$style/images/footer_background.jpg&#039;) no-repeat left center; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; height: 29px;' align='center' height='35'>
            <a class='dlink' href='count-<?=$id;?>.html'>
                <div class='download' style="height: 17px">

                      التحميل : <?=$visits;?>
                    </div></a>

            </td>
        </tr>
    </tbody>
</table>
</div>
</td>

Answer 1

var paragraphs = document.getElementsByTagName('p'),
    i = paragraphs.length;

while (i--)
{
    paragraphs[i].innerHTML = 'NotFound';
}

Answer 2

使用Javascript：

var ps = document.getElementsByTagName('p');
for(var i=0, max=ps.length; i<max; i++)
    ps[i].innerHTML = "NotFound";

Answer 3

如果你正在使用jquery：$('p').html('NotFound');

Answer 4

使用Javascript

注意用户DA的注释 - 在HTML 5之前，ID不能以数字开头，因此如果不使用HTML 5，则假设ID拼写为（2）而不是数字（2）。

如果仅适用于ID为2的<p>标记：

document.getElementById("two").innerHTML = "NotFound";

如果适用于所有<p>代码：

var paragraphs = document.getElementsByTagName("p");
for(var i = 0; i < paragraphs.length; i++) {
    paragraphs[i].innerHTML = "NotFound";
}

关键是DOM元素的innerHTML标记。

我想用javascript代码替换那个html代码？

4 个答案:

使用Javascript