Я хочу, чтобы перейти к DIV с помощью кнопки HTML

Question

Я использую этот код для кнопки:

<input type="button" 
     style="margin-left:350px" 
     id="replybottom" 
     name="replybottom" 
     onClick="#navigateHere" 
     class="button" 
     value="Reply"></div> 

это мой ДИВ:

<div id="navigateHere" 
    name="navigateHere" 
    class="convomsg12"> 

Answer 1

onClick = "# navigateHere" Это неправильный способ навигации.

Вместо этого используйте этот код.

function goto(url) 
    { 
    window.location=url; 

    } 

Вот ваша кнопка

<div onclick="goto('#navigateHere')">Replay</div> 

Если вы хотите, чтобы кнопки вы можете дать, как это

<input type="button" onclick="goto('#navigateHere')" value="Replay"/> 

Answer 2

Атрибут onclick должен содержать JavaScript, а не URL.

Однако, поскольку вы где-то связываетесь: используйте ссылку. Вы можете применить CSS, чтобы он выглядел, как вы хотите.

<a href="#navigateHere">Reply</a> 

Answer 3

Попробуйте использовать якорь вместо кнопки

<a href='#navigateHere'>Reply</a> 

Или вы можете добавить событий JavaScript на кнопке, например:

<button onClick='window.location="#navigateHere"'>Reply</button> 

Answer 4

ответ Фарла должен работать, возможно, проверить если у вас есть другие обработчики событий, прикрепленные к событию. С этим

<input type="button" style="height:400px" onclick="window.location='#zzzz'; event.stopImmediatePropagation()"/> 

<div id="zzzz" style="height: 400px;"></div> 

вы можете остановить другие обработчики, которые присоединены к тому же событию. Если у вас (например)

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("button").click(function() { alert("click response"); }) 
    }); 
</script> 

он не будет запущен. Остерегайтесь того, что это может повлиять на функциональность, которую вы можете иметь (плагины или собственный код), которые могут зависеть от этих дополнительных обработчиков.