PTT數位生活區 / Ajax

[問題] JavaScript如何在img外加上a包覆?

看板Ajax作者 (hoi)時間14年前 (2011/10/30 05:05), 編輯推噓7(7推 0噓 31→)
留言38則, 5人參與, 最新討論串1/1
JavaScript如何在img外加上a包覆? 這是網頁內容： <img id="myimg" src="example.jpg" /> 我想要用JavaScript去get到id後去建立新tag。 首先像下面這種用insertBefore的我會： <a href="Googlehttp://www.google.com/">Google</a><img id="myimg" src="example.jpg" /> 但我想要的是在他的外面加上a包覆起來，如： <a href="http://www.google.com/"><img id="myimg" src="example.jpg" /></a> 請問這樣究竟該怎麼加阿？ -- 酷酷方盒子 - QQBoxy http://QQBoxy.blogspot.com 　 -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 140.130.17.101 ※ 編輯: gs1458 來自: 140.130.17.101 (10/30 06:17)
推
10/30 06:18, , 1F
我想既然有insertberfore就有insertafter..
10/30 06:18, 1F
→
10/30 06:18, , 2F
不過我是建議用jquery這種lib做dom操作~
10/30 06:18, 2F
→
10/30 06:18, , 3F
EX:$("p").wrap("<div></div>");
10/30 06:18, 3F
→
10/30 06:18, , 4F
可是after是放在後面...並不是包覆起來= =
10/30 06:18, 4F
→
10/30 06:19, , 5F
insertbefore+insertafter不就包起來了嗎@@
10/30 06:19, 5F
→
10/30 06:20, , 6F
呵呵 ~ 我正在挑戰把我程式碼都改成無jQuery的中XD
10/30 06:20, 6F
→
10/30 06:20, , 7F
這樣會變成<a></a><img><a></a>吧?
10/30 06:20, 7F
推
10/30 06:22, , 8F
那你就before(<a>) after(/a)不就好囉...
10/30 06:22, 8F
→
10/30 06:22, , 9F
你jQuery的關鍵字幫助我找到一些答案了XD
10/30 06:22, 9F
→
10/30 06:22, , 10F
我是覺得你這種想法沒什麼意義拉 有點像脫褲子放X...
10/30 06:22, 10F
→
10/30 06:23, , 11F
10/30 06:23, 11F
→
10/30 06:24, , 12F
因為有些公司...是不能用jQuery的...
10/30 06:24, 12F
推
10/30 06:25, , 13F
抱歉 我沒有傷人的意思@@
10/30 06:25, 13F
→
10/30 06:25, , 14F
不過公司這種想法也蠻奇怪的
10/30 06:25, 14F
→
10/30 06:26, , 15F
完全在加重RD的負擔~
10/30 06:26, 15F
→
10/30 06:27, , 16F
我想不到不用lib的理由...尤其是越複雜越多的程式...
10/30 06:27, 16F
→
10/30 06:28, , 17F
你要達到相同的動作 光瀏覽器問題就處理到你發瘋巴...
10/30 06:28, 17F
→
10/30 06:28, , 18F
因為...是舊公司...當初還沒有jQuery這種東西...
10/30 06:28, 18F
→
10/30 06:29, , 19F
他們厲害到不用jQuery也能達到都瀏覽器都支援...
10/30 06:29, 19F
推
10/30 06:31, , 20F
恩.的確..不用肯定就是新瀏覽器又要改一堆...
10/30 06:31, 20F
→
10/30 06:31, , 21F
我不曉得...我還沒踏入社會...只是在做準備= =
10/30 06:31, 21F
→
10/30 06:32, , 22F
恩 只能說加油XD
10/30 06:32, 22F
→
10/30 06:33, , 23F
我想...兩種都學會應該就安心了...(汗"
10/30 06:33, 23F
→
10/30 06:34, , 24F
這個等級的問題不用討論到用不用lib吧..
10/30 06:34, 24F
→
10/30 06:35, , 25F
這個等級就要倚賴lib的話，即使用lib都還有好長一段路要走。
10/30 06:35, 25F
→
10/30 06:35, , 26F
另外寫純js寫到通透的人是不會因為新js改一堆的...
10/30 06:35, 26F
→
10/30 06:36, , 27F
browser
10/30 06:36, 27F
→
10/30 06:36, , 28F
除非新browser亂來或改spec, 不過那樣的話jQ也躲不掉
10/30 06:36, 28F
→
10/30 06:41, , 29F
寫純JS寫到通透對我來說似乎還看不到盡頭...( 艸)
10/30 06:41, 29F
→
10/30 06:48, , 30F
送上寫好的範例: http://pastie.org/2780357
10/30 06:48, 30F
→
10/30 07:12, , 31F
更完整的範例： http://goo.gl/SIFKk
10/30 07:12, 31F
推
10/30 19:19, , 32F
以前還不懂 jQuery 那些 lib 的時候寫動態建立 input
10/30 19:19, 32F
→
10/30 19:19, , 33F
寫的很累但是寫出來很有成就感 －Q－) 雖然我也推 lib
10/30 19:19, 33F
→
10/30 19:20, , 34F
但是叫別人用這些之前我都會叫他們也看原始建立的基礎
10/30 19:20, 34F
推
10/30 23:47, , 35F
把jQuery原始檔唸熟就好了呀..不多的
10/30 23:47, 35F
→
10/31 00:48, , 36F
樓上您太強了...竟然唸熟了...囧
10/31 00:48, 36F
推
10/31 11:28, , 37F
我一點都不熟..我目前也只了解到某些功能的原理，
10/31 11:28, 37F
→
10/31 11:28, , 38F
他為了效能和模組化，做了很多功夫，那才是精華...
10/31 11:28, 38F
‣ 更多 gs1458 的文章
文章代碼(AID): #1Eh6gWu9 (Ajax)
Ajax 近期熱門文章
更多 近期熱門文章 >>
PTT數位生活區 即時熱門文章
更多 即時熱門文章 >>
‣ 更多 gs1458 的文章
文章代碼(AID): #1Eh6gWu9 (Ajax)