<div id="place" class="button_search" onclick="place_search()"> <img src="../static/images/place.png" class="bacgraund-img icon" alt="景点" id="icon_p"> <span class="text_10">景点</span> <div class="line"></div> </div>html的代码是这样的

根据您提供的HTML代码，这是一个包含图标和文字的按钮元素。点击按钮时，将调用名为`place_search()`的JavaScript函数。

要实现点击按钮后图标变白或变亮的效果，您可以使用CSS和JavaScript来完成。下面是一种实现方式：

1. 首先，在CSS中为按钮图标的初始样式设置颜色。例如：

#icon_p {
  color: #000; /* 设置初始颜色 */
}

在这个示例中，我们将图标的颜色设置为初始颜色。您可以根据需要更改颜色值。

2. 接下来，在JavaScript中定义一个名为`place_search()`的函数，并在该函数中为图标添加或删除类来改变其颜色。例如：

function place_search() {
  var icon = document.getElementById('icon_p');
  icon.classList.toggle('white');
}

在这个示例中，当按钮被点击时，我们获取图标元素，并使用`classList.toggle()`方法来切换名为`white`的类的存在。这样，每次点击按钮时，图标的颜色将在初始颜色和白色之间进行切换。

3. 最后，在CSS中定义一个名为`white`的类，并设置其颜色为白色。例如：

.white {
  color: #fff; /* 设置白色 */
}

通过以上步骤，您可以实现在点击按钮后，按钮图标的颜色在初始颜色和白色之间切换的效果。您可以根据需要自定义CSS样式和JavaScript逻辑来实现所需的效果。请确保正确引入和链接CSS和JavaScript文件，并根据您的项目结构和需求进行相应的调整。