JS-操作元素节点属性-选择喜欢的书籍

选择喜欢的书籍

实现思路

• 获取单选按钮radio、图片img、div对象
• 判断单选按钮对象的checked属性，为true表示被选中，为false表示未被选中
• 利用element.setAttribute(‘attr’,‘value’); 设置元素对象的属性
• 利用element.getAttribute(‘attr’); 获取元素对象的属性
• 利用innerHTML，将元素对象的属性写入对应HTML元素

HTML

<div>
    选择你喜欢的书:
    <!-- 给单选按钮绑定鼠标点击事件,关联事件处理程序show() -->
    <!-- checked 默认选中第一个 -->
    <input type="radio" name="book" checked onclick="show()">我和狗狗一起活下来
    <input type=