-1

javascript .innerHTML を使用してコンテンツを特定の div に挿入する wordpress テーマを作成しました。テキストはうまく挿入されていますが、画像は挿入されていません。 

    document.getElementById("title").innerHTML='<img src="images/header.gif"/>'

PHPに関する私の知識はひどいですが、これも試しました

    document.getElementById("title").innerHTML='<img src="<?php bloginfo('template_directory'); ?>/images/mainimage.jpg" title="" alt="" />';

ここにindex.phpがあります

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head profile="http://gmpg.org/xfn/11">

<title><?php bloginfo('name'); ?><?php wp_title(); ?></title>

<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" /> 
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats please -->

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/javascript.js"></script>
<?php wp_get_archives('type=monthly&format=link'); ?>
<?php //comments_popup_script(); // off by default ?>
<?php wp_head(); ?>
</head>
 <body  onload="formatPage();">

  <div id="container">
    <div id="logo"></div>

    <div id="title"></div>

    <div id="nav"></div>

    <div id="content"></div>


    <div id="footer"></div> 
 </div>
 <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery.js"></script>

 </body>
 </html>

ここにjavascript.jsがあります

      function formatPage(){
    document.getElementById("title").innerHTML='<img src="<?php bloginfo('template_directory'); ?>/images/header.gif" title="" alt="" />';
}

doctype が古く、ヘッダーに不要な php が含まれている可能性があることは理解しています。

4

1 に答える 1

0

イメージ パスが正しいことを確認します。その js ファイルを head セクションに含める必要があります。これが、pic が読み込まれない理由です。また、head 部分が index.php にある場合は、header.php に移動します。

于 2012-12-27T02:40:12.603 に答える