iOS之oc與html之間的交互（oc中調用js的方法）

一、運行的效果圖

1、剛開始的效果

 

2、運行結束后的效果

 

二、准備工作

1、准備一個html文件導入到oc工程中

2、jiaohu.html文件的原始內容

 

 

3、從oc語言中操作.html文件－－－增刪改查

1).查詢操作

var p = document.getElementById('word');

2).刪除操作

 

NSString*html =@"var p = document.getElementById('word');";

NSString*html2 =@"p.remove();";

[webViewstringByEvaluatingJavaScriptFromString:html];

[webViewstringByEvaluatingJavaScriptFromString:html2];

3).更改操作

 

NSString*htmlUpdate =@"var change = document.getElementsByClassName('change')[0];"

"change.innerHTML = '更改后的值';";

[webViewstringByEvaluatingJavaScriptFromString:htmlUpdate];

4).插入操作

 

//插入操作1

 

 

//插入操作2

NSString*htmlInsert =@"var img = document.createElement('img');"

"img.src = 'img11.jpg';"

"img.width = '200';"

"img.height = '200';"

"document.body.appendChild(img);";

[webViewstringByEvaluatingJavaScriptFromString:htmlInsert];