如何在HTML中的div上插入鏈接？

-1

我有這樣的外格：

<div data-wow-delay="0.25s" class="clearfix service-list odd wow fadeInLeft animated" style="visibility: visible; animation-delay: 0.25s; animation-name: fadeInLeft;"> 
    <div class="service-image"> 
     <img alt="test 1" src="http://localhost/onyx/wp-content/themes/accesspress-parallax/images/no-image.jpg"> 
    </div> 

    <div class="service-detail"> 
     <h3>test 1</h3> 
     <div class="service-content"> 
      <p>https://it.wikipedia.or /wiki/Pagina_principale</p> 
      <p>and</p> 
      <p>https://www.google.it/</p> 
      <p>&nbsp;</p> 
     </div> 
    </div> 
</div>

所以現在我想添加一個鏈接到外部DIV。什麼是最好的方式來做到這一點？

來源

2015-07-13 AndreaNobili

包裝在一個錨標記？ – Pete

你到底想做什麼？ OO不清楚...一個例子？（http://jsfiddle.net） – Julo0sS

皮特也不錯。 – Raghavendra

看看這個fiddle。

通過document.getElementById()獲得的方法。
設定值爲innerHTML。

以下是摘錄。

document.getElementById("external").innerHTML = "<a href='http://www.google.com'> Google </a>";

<div id="external" data-wow-delay="0.25s" class="clearfix service-list odd wow fadeInLeft animated" style="visibility: visible; animation-delay: 0.25s; animation-name: fadeInLeft;"> 
 
    <div class="service-image"> 
 
    <img alt="test 1" src="http://localhost/onyx/wp-content/themes/accesspress-parallax/images/no-image.jpg"> 
 
    </div> 
 

 
    <div class="service-detail"> 
 
    <h3>test 1</h3> 
 
    <div class="service-content"> 
 
     <p>https://it.wikipedia.or /wiki/Pagina_principale</p> 
 
     <p>and</p> 
 
     <p>https://www.google.it/</p> 
 
     <p>&nbsp;</p> 
 
    </div> 
 
    </div> 
 
</div>

來源

2015-07-13 13:34:44

我可以不使用JavaScript嗎？ – AndreaNobili

如果這是你的問題，那麼你應該谷歌「鏈接在HTML」 –

看到這[[小提琴]（http://jsfiddle.net/shrinivas93/emt34tu2/1/））。 –

您可以使用a元素，並給他atrribute display:block。

a{ 
 
    display:block; 
 
    width: 200px; 
 
    height: 100px; 
 
    text-align: center; 
 
    background:yellow; 
 
}

<a href="#"> MY BLOCK LINK </a>

來源

2015-07-13 13:39:41

如何在HTML中的div上插入鏈接？

回答

相關問題