I guess it depends on how loosely you want to define "CSS and browsing"
functionality.
If you don't care if you get rid of javascript enhanced CSS and
browsing functionality, then the following will probably work, although
it's untested and likely not to be completely robust:
First, get all the <script> elements from the page's DOM and remove
them - set there innerHTML to "" and remove their src attributes. Then
go through every other element and remove any event elements (onClick,
onKeyPress, etc.) contained within. Magically all of your javascript
disappears...ideally...
This worked for me...I think.
<html>
<script>
function traverseDomTree() {
var html_element = document.getElementsByTagName("html").item(0);
traverseDomTree_recurse(html_element);
alert("done");
}
function traverseDomTree_recurse(curr_element) {
var my_string = "";
if(curr_element == null) {
return;
}
if(curr_element.nodeName == "SCRIPT") {
curr_element.setAttribute("src", "");
curr_element.innerHTML = "";
return;
} else if(curr_element.nodeName == "#text") {
return;
}
curr_element.setAttribute('onclick', '');
var i;
for(i=0; curr_element.childNodes.item(i); i++) {
traverseDomTree_recurse(curr_element.childNodes.item(i));
}
}
</script>
<body>
<a href="#" onClick="alert('hello');">Click Here</a>
<br>
<input type="button" onClick="traverseDomTree();">
</body>
</html>
-Jeff
