Adobe FlexとJavaScriptの相互アクセスする方法

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="absolute" viewSourceURL="srcview/index.html" width="147"
height="88" creationComplete="initApp();">
	<mx:Script>
		<![CDATA[
			import mx.controls.Alert;
			private function initApp():void{
				// JavaScript用に登録
				ExternalInterface.addCallback("ASfunc",
						ASfunc);
			}
			public function ASfunc(s:String):String{
				Alert.show(s);
				return "I am ASfunc";
			}
			private function callJS():void{
				// JavaScriptのJSfunc関数を呼び出す
				var s:String = ExternalInterface.call(
						"JSfunc", "I am AS");
				Alert.show(s);
			}
		]]>
	</mx:Script>
	<mx:Button click="callJS()" label="call js" />
</mx:Application>

<script type="text/javascript">
<!--
/*
 * Flexから呼び出す関数
 */
function JSfunc(s) {
	alert(s);
	return "I am JS";
}
/*
 * Flexを呼び出す関数
 */
function callAS(s) {
	var e = document.getElementById("ExternalInterfaceTest");
	var r = e.ASfunc(s);
	alert(r);
}
// -->
</script>

<div onclick="callAS('from js');">click</div>

グローバルスコープで ID または name
属性値により要素を参照しています。代わりに W3C 標準の
document.getElementById() を使用してください。
[Break on this error] undefined