伊人久久五月亚洲综合,狠狠日天天干夜夜骑,在线电影久草电影

第1章效果簡介
視頻：1-1 效果簡介(02:16)

第9章編程挑戰
編程：9-1 編程挑戰

編程練習

小伙伴們，根據所學知識，實現網頁留言的編輯功能，每條留言中都會帶有一個編輯按鈕，點擊編輯按鈕的時候，可以對相應留言內容進行編輯。

溫馨提示:完成任務后，請驗證是否與實踐描述效果一致，如一致，恭喜您，你已經掌握此技能，否則，請重復學習此節內容。

任務

一、為每個編輯按鈕按鈕添加點擊事件，記錄當前編輯的節點，并更新輸入框狀態。

  提示:
  1. 取得當前編輯按鈕的父節點
  2. 把父節點保存在變量cur
  3. 把父節點的第一個子節點的內容寫入輸入框
  4. 顯示輸入框

二、輸入框確定按鈕添加點擊事件，把輸入框的內容更新到當先編輯的節點。

  提示:
  1. 取得輸入框的內容
  2. 如果內容為空，則返回
  3. 把cur的第一個子節點的innerHTML改為輸入框內容
  4. 隱藏輸入框

?不會了怎么辦

index.html

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } body { padding: 20px; } #list { list-style: none; width: 400px; border: 1px solid #666666; } li { list-style: none; background: #a7cbff; margin: 10px 0; height: 30px; position: relative; } li button { display: none; position: absolute; right: 3px; top: 3px; } li:hover button { display: inline-block; } textarea { display: block; width: 400px; height: 50px; margin: 10px 0; } </style> <script type="text/javascript"> window.onload = function () { // 獲取元素 var lis = document.getElementById('list').getElementsByTagName('li'); var text = document.getElementById('text'); var ok = document.getElementById('ok'); var edit = document.getElementById('edit'); // 當前編輯的節點 var cur; // 遍歷編輯按鈕，添加點擊事件，把當前父節點存入變量cur, 并顯示輸入框 // 輸入框確定按鈕添加點擊事件，把輸入框的內容更新到當先編輯的節點 } </script> </head> <body> <ul id="list"> <li><span>評論1</span><button>編輯</button></li> <li><span>評論2</span><button>編輯</button></li> <li><span>評論3</span><button>編輯</button></li> <li><span>評論4</span><button>編輯</button></li> </ul> <div id="edit" style="display: none"> <textarea id="text"></textarea> <button id="ok">確定</button> </div> </body> </html>

提問題

提交

其他問答

查看更多本節問答

寫筆記

公開筆記

提交

全屏

請驗證，完成請求

由于請求次數過多，請先驗證，完成再次請求

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

8-2 編程練習

編程練習

任務

提問題

其他問答

寫筆記

您還未綁定服務號

收藏課程后，能更快找到我哦～

手記推薦

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

8-2 編程練習

熱搜

最近搜索清空

編程練習

任務

提問題

其他問答

寫筆記

您還未綁定服務號

收藏課程后，能更快找到我哦～

手記推薦

收藏課程后，能更快找到我哦～