Javascript 我有一个对话框显示，但只有一个按钮改变光标

我有一个非常简单的问题，但我不知道如何解决它，任何帮助都将不胜感激

这是我的密码

<div id='div2'>
    <div class="DoYouHaveADirtBikeForSaleBox" id="DoYouHaveADirtBikeForSaleBox">
    <h2>Got A Bike to Sell?</h2>
    <p class="BikeForSaleButton">
    <a href="http://somepage.com">Yes</a>
    </p>

    <p class="BikeForSaleButtonNo">
    <a onclick="javascript:var div = document.getElementById('div2');div.parentNode.removeChild(div);">No</a></p> 
    </div>
    </div> 

有自行车卖吗？



否

出于我不知道的原因，“否”链接在鼠标悬停时不会将光标更改为手，但我不知道如何解决这个问题

---

我怀疑问题的出现是因为NO链接没有a href，但由于我是一个新手，我不知道如何纠正这种情况，所以我请求有人能告诉我如何解决这个问题，我提前向你表示感谢

因为链接上没有href属性。添加一个，光标将更改

挑剔：删除

javascript:

它不是必需的。

添加

href=“#

”使其看起来像一个链接，而不是导航到其他页面

<div id='div2'>
    <div class="DoYouHaveADirtBikeForSaleBox" id="DoYouHaveADirtBikeForSaleBox">
    <h2>Got A Bike to Sell?</h2>
    <p class="BikeForSaleButton">
    <a href="http://somepage.com">Yes</a>
    </p>

    <p class="BikeForSaleButtonNo">
    <a onclick="javascript:var div = document.getElementById('div2');div.parentNode.removeChild(div);" href ="">No</a></p> 
    </div>
</div> 

有自行车卖吗？

onclick事件处理程序需要取消链接默认行为，以导航到href属性中指定的内容

所以你需要

href=“#”

你也不需要

javascript:

应该是这样的:

   <p class="BikeForSaleButtonNo">
    <a href="#" onclick="var div = document.getElementById('div2');div.parentNode.removeChild(div);">No</a></p>

您需要一个href=“#”，我会将您的HTML和JS分开，它只是：

<script>
var div = document.getElementById('div2');
    function rmv() {
         div.parentNode.removeChild(div);
     }
</script>

<div id='div2'>
    <div class="DoYouHaveADirtBikeForSaleBox" id="DoYouHaveADirtBikeForSaleBox">
        <h2>Got A Bike to Sell?</h2>
        <p class="BikeForSaleButton">
            <a href="http://somepage.com">Yes</a>
        </p>

        <p class="BikeForSaleButtonNo">
        <a href="#" onclick="rmv()">No</a></p> 
</div>
</div>

var div=document.getElementById（'div2'）；
函数rmv（）{
div.parentNode.removeChild（div）；
}
有自行车卖吗？

你们真是太棒了！！我将致力于做出这些改变并摆脱JS，我再次感谢你们两位！！

<script>
var div = document.getElementById('div2');
    function rmv() {
         div.parentNode.removeChild(div);
     }
</script>

<div id='div2'>
    <div class="DoYouHaveADirtBikeForSaleBox" id="DoYouHaveADirtBikeForSaleBox">
        <h2>Got A Bike to Sell?</h2>
        <p class="BikeForSaleButton">
            <a href="http://somepage.com">Yes</a>
        </p>

        <p class="BikeForSaleButtonNo">
        <a href="#" onclick="rmv()">No</a></p> 
</div>
</div>