繁體瀏覽工具設為首頁收藏本站
 找回密碼 或 安全提問
 註冊
|註冊|登錄

伊莉討論區

搜索
儲值後自動升級用戶組認識好友、聊天，分享生活趣事你準備好成為出色的版主了嗎？
伊莉討論區 › 論壇 › 電腦資訊 › 電腦程式設計 › PHP 語言 › [已解決]如何用JavaScript存取/修改class裡的屬性？ ...
mega無碼cosplay我的英雄fc2中文惡靈古堡鬼滅之刃
山田杏奈异星黎明高中ルナと淫ssni 344waaa 361重裝嵐影
休閒聊天興趣交流學術文化旅遊交流飲食交流家庭事務PC GAMETV GAME
熱門線上其他線上感情感性寵物交流家族門派動漫交流貼圖分享BL/GL
音樂世界影視娛樂女性頻道潮流資訊BT下載區GB下載區下載分享短片
電腦資訊數碼產品手機交流交易廣場網站事務長篇小說體育運動時事經濟
上班一族博彩娛樂

[繁]戰隊大失格03-
[繁]月光下的異世界之
【高清繁中】✡ 霹靂

【超清繁中】✡ 霹靂
[繁中]霹靂天機貳 仙
1月新番[繁體]最弱魔
C & C++ 語言C# 語言Visual Basic 語言PHP 語言JAVA 語言
返回列表發新帖

查看: 3259|回復: 8
打印上一主題下一主題

[問題][已解決]如何用JavaScript存取/修改class裡的屬性？[複製鏈接]

c780702

Rank: 6Rank: 6Rank: 6Rank: 6Rank: 6Rank: 6

帖子
89
積分
174 點
潛水值
51520 米
跳轉到指定樓層
樓主
發表於 2013-9-21 09:23 AM|只看該作者|倒序瀏覽
如果你覺得伊莉做得不錯，那就不要再猶疑了。今天就贊助和支持我們，立即行動！我們需要你的一點力量喔。
本帖最後由 c780702 於 2013-9-22 10:40 AM 編輯

我的HTML如下
  1. <body>
  2.         <div id="imgClip1" class="see1">
  3.                 <input type="image" src="image001.gif" width=410 height=110 onclick="fc();" />
  4.         </div>
  5.         <script type="text/javascript">
  6.                 var fc=function()
  7.                 {                        
  8.                         alert(document.getElementById("imgClip1").className);
  9.                         alert(document.getElementById("imgClip1").className.marginTop);               
  10.                 }                        
  11.         </script>        
  12. </body>
複製代碼
CSS是獨立寫出來的
  1. #imgClip1{
  2.         position:absolute;

  4.         border:5px solid green;                /*加外框*/
  5.         clip:rect(0px 140px 40px 0px);
  6. }
  7. .see1{
  8.         margin-top:50px;
  9.         margin-right:0px;
  10.         margin-bottom:0px;
  11.         margin-left:0px;
  12. }
複製代碼
第一個alert沒問題，會抓到CSS裡的see1
第二個alert我想抓see1裡面的margin-top，卻出現undefind，但我想得到的值是50px

請問該如何存取...
瀏覽完整內容，請先 註冊 或 登入會員
分享分享0收藏收藏0支持支持0
如果你忘記伊莉的密碼，請在登入時按右邊出現的 '找回密碼'。輸入相關資料後送出，系統就會把密碼寄到你的E-Mail。

使用道具檢舉

theloserbm

Rank: 3Rank: 3Rank: 3

帖子
663
積分
1128 點
潛水值
20810 米
頭香
發表於 2013-9-21 01:40 PM|只看該作者
若新密碼無法使用，可能是數據未更新。請使用舊密碼看看。
本帖最後由 theloserbm 於 2013-9-21 01:53 PM 編輯

你要改的是element的style而已(影響一個element)呢, 還是整個class(影響全部有這個class的element)?

如果是一個, 可以直接用
alert(document.getElementById("imgClip1").style.marginTop);

如果是整個class, 過程會比較複雜, 不過網上也有人寫好了function可以直接用
下載: 訪客無法瀏覽下載點，請先 註冊 或 登入會員
...
瀏覽完整內容，請先 註冊 或 登入會員
若有安裝色情守門員，可用無界、自由門等軟件瀏覽伊莉。或使用以下網址瀏覽伊莉: http://www.eyny.com:81/index.php

使用道具檢舉

c780702

Rank: 6Rank: 6Rank: 6Rank: 6Rank: 6Rank: 6

帖子
89
積分
174 點
潛水值
51520 米
3樓
發表於 2013-9-21 01:51 PM|只看該作者
上傳頭像立即獲得 1 點積分。
theloserbm 發表於 2013-9-21 01:40 PM
下載: 訪客無法瀏覽下載點，請先 註冊 或 登入會員

你要改的是element的style而已(影響一個element)呢, 還是整個class(影響全部有這個class的element)?

如果 ...

我只要影響一個element，
...
瀏覽完整內容，請先 註冊 或 登入會員
若有安裝色情守門員，可用無界、自由門等軟件瀏覽伊莉。或使用以下網址瀏覽伊莉: http://www.eyny.com:81/index.php

使用道具檢舉

theloserbm

Rank: 3Rank: 3Rank: 3

帖子
663
積分
1128 點
潛水值
20810 米
4樓
發表於 2013-9-21 02:01 PM|只看該作者
分享使你變得更實在，可以使其他人感到快樂，分享是我們的動力。今天就來分享你的資訊、圖片或檔案吧。
試試看
var elem = document.getElementById("imgClip1");
var theCSSprop = window.getComputedStyle(elem,null).getPropertyValue("margin-top");
alert(theCSSprop);

要注意不適用於IE9以下

來源:
下載: 訪客無法瀏覽下載點，請先 註冊 或 登入會員
如果你覺得伊莉做得不錯，那就不要再猶疑了。今天就贊助和支持我們，立即行動！我們需要你的一點力量喔。

使用道具檢舉

c780702

Rank: 6Rank: 6Rank: 6Rank: 6Rank: 6Rank: 6

帖子
89
積分
174 點
潛水值
51520 米
5樓
發表於 2013-9-21 02:08 PM|只看該作者
上傳頭像立即獲得 1 點積分。
本帖最後由 c780702 於 2013-9-21 02:11 PM 編輯
theloserbm 發表於 2013-9-21 02:01 PM
下載: 訪客無法瀏覽下載點，請先 註冊 或 登入會員

試試看
var elem = document.getElementById("imgClip1");
var theCSSprop = window.getComputedStyle(elem ...
...
瀏覽完整內容，請先 註冊 或 登入會員





上傳頭像立即獲得 1 點積分。

使用道具檢舉

c780702

Rank: 6Rank: 6Rank: 6Rank: 6Rank: 6Rank: 6

帖子
89
積分
174 點
潛水值
51520 米
6樓
發表於 2013-9-21 02:43 PM|只看該作者
若登入不正常或變回訪客狀態，請先刪除COOKIE再登入。
本帖最後由 c780702 於 2013-9-21 02:47 PM 編輯
theloserbm 發表於 2013-9-21 02:01 PM
下載: 訪客無法瀏覽下載點，請先 註冊 或 登入會員

試試看
var elem = document.getElementById("imgClip1");
var theCSSprop = window.getComputedStyle(elem ...
...
瀏覽完整內容，請先 註冊 或 登入會員
所有積分大於負-100的壞孩子，將可獲得重新機會成為懲罰生，權限跟幼兒生一樣。

使用道具檢舉

theloserbm

Rank: 3Rank: 3Rank: 3

帖子
663
積分
1128 點
潛水值
20810 米
7樓
發表於 2013-9-21 03:12 PM|只看該作者
若對尊貴或贊助會員有任何疑問，歡迎向我們查詢。我們的即時通或MSN: admin@eyny.com
你明明就在頂樓寫了你要改的屬性=.="

因為他抓到的屬性是"50px"的string, 所以不能直接+
比較新的瀏覽器有calc()這個function, 你可以試試用
newMarginTop = "calc("+theCSSprop+"+80px)"
document.getElementById("imgClip1").style.marginTop = newMarginTop;
來源:
下載: 訪客無法瀏覽下載點，請先 註冊 或 登入會員
...
瀏覽完整內容，請先 註冊 或 登入會員
伊莉影片

使用道具檢舉

c780702

Rank: 6Rank: 6Rank: 6Rank: 6Rank: 6Rank: 6

帖子
89
積分
174 點
潛水值
51520 米
8樓
發表於 2013-9-21 03:57 PM|只看該作者
若對尊貴或贊助會員有任何疑問，歡迎向我們查詢。我們的即時通或MSN: admin@eyny.com
本帖最後由 c780702 於 2013-9-21 04:55 PM 編輯
theloserbm 發表於 2013-9-21 03:12 PM
下載: 訪客無法瀏覽下載點，請先 註冊 或 登入會員

你明明就在頂樓寫了你要改的屬性=.="

因為他抓到的屬性是"50px"的string, 所以不能直接+
...
瀏覽完整內容，請先 註冊 或 登入會員
分享使你變得更實在，可以使其他人感到快樂，分享是我們的動力。今天就來分享你的資訊、圖片或檔案吧。

使用道具檢舉

theloserbm

Rank: 3Rank: 3Rank: 3

帖子
663
積分
1128 點
潛水值
20810 米
9樓
發表於 2013-9-21 08:18 PM|只看該作者
若登入不正常或變回訪客狀態，請先刪除COOKIE再登入。
本帖最後由 theloserbm 於 2013-9-21 08:23 PM 編輯

這還真難倒我了
因為clip了之後起始位置不同, 變成很難將他們統一管理

要不把圖片放進div裡來弄?
(話說你的原始圖片是410x110沒問題嗎? 一般這種要正方形的吧)

假設圖片是400x400
<div id='div1' class='pos1'><img src="a.png" style='left:0px; top:0px' /></div>
<div id='div2' class='pos2'><img src="a.png" style='left:-200px; top:0px' /></div>
...
瀏覽完整內容，請先 註冊 或 登入會員
伊莉影片

使用道具檢舉

返回列表發新帖
高級模式
BColorImageLinkQuoteCodeSmilies
您需要登錄後才可以回帖 登錄 | 註冊

Powered by Discuz!

© Comsenz Inc.

重要聲明：本討論區是以即時上載留言的方式運作，對所有留言的真實性、完整性及立場等，不負任何法律責任。而一切留言之言論只代表留言者個人意見，並非本網站之立場，用戶不應信賴內容，並應自行判斷內容之真實性。於有關情形下，用戶應尋求專業意見(如涉及醫療、法律或投資等問題)。 由於本討論區受到「即時上載留言」運作方式所規限，故不能完全監察所有留言，若讀者發現有留言出現問題，請聯絡我們。有權刪除任何留言及拒絕任何人士上載留言，同時亦有不刪除留言的權利。切勿上傳和撰寫 侵犯版權(未經授權)、粗言穢語、誹謗、渲染色情暴力或人身攻擊的言論，敬請自律。本網站保留一切法律權利。
回頂部