第JS動態添加的div點擊跳轉到另一頁面實現代碼metaname="author"content="Chunna.zheng"/

metahttp-equiv="CONTENT-TYPE"content="text/html;charset=utf-8"/

styletype="text/css"

div.recommendclass{

width:100%;

height:60px;

line-height:60px;

vertical-align:middle;

font-size:18px;

text-align:center;/*文字水平居中對齊*/

background-color:#f5f5f5;

.mall_contentChild1Class{

display:inline;

width:40%;

height:100px;

background-color:#f5f5f5;

.mall_contentChild2Class{

display:inline;

width:60%;

height:100px;

float:right;

position:relative;

background-color:#f5f5f5;

.mall_contentChild2BottomClass{

display:table-cell;

width:90%;

vertical-align:bottom;

position:absolute;

left:5px;

bottom:5px;

background-color:#f5f5f5;

.mall_Child2TextLeftClass{

line-height:16px;

vertical-align:bottom;

background-color:#f5f5f5;

.mall_Child2TextRightClass{

float:right;

color:#f3b041;

font-size:25px;

line-height:26px;

vertical-align:bottom;

background-color:#f5f5f5;

.news_title{

display:block;

font-size:18px;

vertical-align:center;

background-color:#f5f5f5;

.news_message{

display:block;

font-size:14px;

vertical-align:center;

background-color:#f5f5f5;

.news_time{

display:block;

font-size:12px;

vertical-align:bottom;

position:absolute;

bottom:5px;

right:5px;

background-color:#f5f5f5;

/style

/head

body

divid="mall_news"新聞咨訊/div

divid="news_content"/div

script

varShu=2;

vardf=document.createElement("div");

for(vari=0;i=Shu;i++){

varoDiv=document.createElement("div");

vardivChild1=document.createElement("div");

divChild1.className='mall_contentChild1Class';

varimg=document.createElement("img");

img.style.width="130px";

img.style.height="100px";

img.src='ic_mall_good_stuff.jpg';

divChild1.appendChild(img);

oDiv.appendChild(divChild1);

vardivChild2=document.createElement("div");

divChild2.className='mall_contentChild2Class';

vartext1=document.createElement("span");

text1.className='news_title';

text1.innerHTML="我是標題";

divChild2.appendChild(text1);

varbottomDiv=document.createElement("div");

vartextLeft=document.createElement("span");

textLeft.className='news_message';

textLeft.innerHTML="我是內容";

bottomDiv.appendChild(textLeft);

vartextRight=document.createElement("span");

textRight.className='news_time';

textRight.innerHTML="2017.09.23";

bottomDiv.appendChild(textRight);

divChild2.appendChild(bottomDiv);

oDiv.appendChild(divChild2);

//添加點擊事件

oDiv.onclick=function(){

window.location.href="file:///android_asset/news